JavaScript正则表达式

最新推荐文章于 2025-12-30 10:08:15 发布

原创最新推荐文章于 2025-12-30 10:08:15 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #javascript #前端

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了正则表达式的概念及其在文本搜索和替换中的应用。通过实例展示了使用JavaScript中的`search()`、`test()`和`replace()`方法进行正则匹配和替换的功能。了解这些基础知识对于提升文本处理能力至关重要。

正则表达式

正则表达式是一个字符序列形成的搜索模式，也具有一定的文本替换功能

正则语法

$/ 正则表达式主体 / 修饰语$

搜索模式

使用字符串方法搜索：search（）

例：

<body>
   <p>点击搜索us从第几个字母开始</p>
   <button onclick="myFunction()">点击</button>
   <p id="demo"></p>
   <script>
       function myFunction() {
       var str = "Let us go";
       var n = str.search(/us/i); //正则表达式搜索
       document.getElementById("demo").innerHTML = n;
   }    
   </script>
</body>

使用RegExp对象

检测文本中是否有该字符：test（）

例：

<body>
  <script>
    var x = new RegExp("e");
    document.write(x.test("word"));
  </script>
</body>

检测文本中是否有该字符：exec（）

例：

<body>
  <script>
    var x = new RegExp("e");
    document.write(x.exec("word"));
  </script>
</body>

替换模式：

使用字符串方法替换：replace（）

例：

<body>
  <p>点击进行替换</p>
  <button onclick="myFunction()">点击</button>
  <p id="demo"></p>
  <script>
      function myFunction() {
      var str = "Let us go";
      var x = str.replace(/us/i,"you");
      document.getElementById("demo").innerHTML = x;
  }
  </script>
</body>