正则匹配，花括号，括号，中括号，大括号

最新推荐文章于 2024-07-15 02:45:37 发布

007。

最新推荐文章于 2024-07-15 02:45:37 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript github html5

本文链接：https://blog.youkuaiyun.com/qq_45838276/article/details/127907736

本文介绍了如何使用正则表达式来匹配不同类型的括号及其内容，并展示了如何根据匹配结果进行样式修改。提供了两种匹配方式：一种是将匹配到的符号也替换；另一种则是仅替换括号内的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、匹配到的符号也会直接替换

var regex1 = /\((.+?)\)/g;   // () 小括号
var regex2 = /\[(.+?)\]/g;   // [] 中括号
var regex3 = /\{(.+?)\}/g;  // {} 花括号，大括号
var regex4 = /\【(.+?)\】/g;  // {} 中文大括号

// 查到对应的元素，然后修改样式

const data = '12{123}'
const T = /\{(.+?)\}/g
return data.replace(new RegExp(T, 'gi'), '<font color=red>{$1}</font>')

// 获取匹配到的信息
const data = '12{123}'
const T = /\{(.+?)\}/g
const str = data.match(T) // ['{123}']

2、匹配到的符号不替换

var regex1 = /(?<=\()(.+?)(?=\))/g;   // () 小括号
var regex2 = /(?<=\[)(.+?)(?=\])/g;   // [] 中括号
var regex3 = /(?<=\{)(.+?)(?=\})/g;  // {} 花括号，大括号
var regex4 = /((?<=\【)(.+?)(?=\】))/g;  // {} 中文大括号

// 查到对应的元素，然后修改样式

const data = '12{123}'
const T = /(?<=\{)(.+?)(?=\})/g
return data.replace(new RegExp(T, 'gi'), '<font color=red>{$1}</font>')

// 获取匹配到的信息
const data = '12{123}'
const T = /(?<=\{)(.+?)(?=\})/g
const str = data.match(T) // ['123']