[Regular Expressions] Find Plain Text Patterns

时间：2023-03-08 18:22:00
[Regular Expressions] Find Plain Text Patterns

The simplest use of Regular Expressions is to find a plain text pattern. In this lesson we'll look at at finding plain text patterns as well as using the metacharacter "." and how to escape a metacharacter.

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Javascript Regular Expressions: Find Plain Text Patterns</title>

  <style>

    pre {

      line-height: 2;

    }

    span {

      background-color: #eee;

      padding: 1px;

      outline: 1px solid #999;

    }

  </style>

</head>

<body>

  <pre></pre>

</body>

</html>
'use strict';

var str = `Cat

sat on

the hat.`;

var regex = /..\./g  //any two charaters follow by a '.'

/**

 * @param  String str

 * @param  RegExp regex

 * @param  HTMLElement target

 */

const output = (str, regex, target) => {

  target.innerHTML =

    str.replace(regex, str =>

      `<span>${str}</span>`

    );

}

output(str, regex, document.querySelector('pre'));

[Regular Expressions] Find Plain Text Patterns

相关文章