使用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正则表达式替换括号、尖括号等的完整攻略。