关键词

使用JS正则表达式 替换括号,尖括号等

使用JS正则表达式替换括号、尖括号等的完整攻略分为以下几个步骤:

  1. 定义正则表达式
  2. 使用replace()函数替换匹配到的字符串
  3. 将替换后的字符串返回

下面是两个示例说明:

示例一

我们要将以下HTML代码中的所有尖括号<>[]代替

<div class="container">
  <h1>Welcome to [your website]</h1>
  <p>[This is] a simple paragraph.</p>
</div>

正则表达式:

var pattern = /[<>]/g;

/代表正则表达式开始和结束的位置,[<>]匹配到尖括号<>g表示全局匹配,即匹配到全部的尖括号。

调用replace()函数:

var str = '<div class="container"><h1>Welcome to <your website></h1><p><This is> a simple paragraph.</p></div>';
var newStr = str.replace(pattern, '[]');

输出替换后的字符串:

console.log(newStr);
//输出结果:
//[div class="container"][h1]Welcome to [your website][/h1][p][This is] a simple paragraph.[/p][/div]

示例二

我们要将以下字符串中的括号()[]代替,但是需要保留括号内部的内容。

var str = 'Hello (World), Happy (Coding)!';

正则表达式:

var pattern = /(\()|(\))/g;

(\()表示匹配到左括号((\))表示匹配到右括号)|表示或的关系,g表示全局匹配,即匹配到全部的左右括号。

调用replace()函数:

var newStr = str.replace(pattern, (match, p1, p2) => p1 ? '[' : ']');

由于我们希望保留括号内的内容,因此需要一个回调函数,回调函数有三个参数:匹配到的子串、匹配到的括号、当前子串在整个字符串中的索引位置。在这个回调函数中,将左括号替换成[,右括号替换成],并返回替换后的值。

输出替换后的字符串:

console.log(newStr);
//输出结果:
//Hello [World], Happy [Coding]!

以上就是使用JS正则表达式替换括号、尖括号等的完整攻略。

本文链接:http://task.lmcjl.com/news/11322.html

展开阅读全文