javascript正则表达式如何使用?_掌握javascript正则匹配方法【教程】

6次阅读

javaScript正则关键在regexp创建方式、test()与exec()行为差异及字符串方法对标志的敏感性:字面量性能好,new RegExp适合动态场景但需注意转义;test()返回布尔值且不改变lastIndex,exec()返回匹配数组并维护lastIndex状态;match()、replace()等方法是否带g标志直接影响匹配范围。

javascript正则表达式如何使用?_掌握javascript正则匹配方法【教程】

javascript 正则表达式不是“学了就会用”,关键在 RegExp 实例的创建方式、test()exec() 的行为差异,以及字符串方法(如 match()replace())对标志(gim)的敏感性——这些直接决定你是否拿到想要的结果。

如何正确创建正则对象?字面量 vs new RegExp()

字面量写法 /d+/g 在脚本加载时编译,性能好、可读性强,适合静态模式;new RegExp('\d+', 'g') 适合动态拼接(比如从用户输入构造),但注意:反斜杠要双写,因为字符串先解析一次转义。

  • /n/ 表示匹配换行符;写 new RegExp('n') 也行,但写 new RegExp('\n') 就变成匹配字面量 n 字符串了
  • 如果 pattern 来自变量,且含 /$ 等特殊字符,必须用 new RegExp(escapePattern, flags) 并提前转义
  • /^abc$/i 中的 i 是标志,不能写成 /^abc$/i.test(str) —— 标志属于正则本身,不是方法调用参数

test()exec()区别在哪?

test() 只返回布尔值,适合做存在性判断;exec() 返回匹配结果数组(含 indexinput 等属性),且对带 g 标志的正则有状态(lastIndex),多次调用会继续往后找。

  • 连续调用 reg.exec(str) 时,若没匹配到,lastIndex 重置为 0;但若正则无 glastIndex 始终是 0,每次都是从头开始
  • test() 不改变 lastIndex,所以它和 exec() 混用可能出错:比如先 exec() 走到中间,再 test() 还是从 lastIndex 开始,看似“跳过开头”
  • 想手动控制位置?直接改 reg.lastIndex = 5,但仅对 gy(粘性)标志有效

字符串方法里哪些会受 g 标志影响?

str.match(/a/g) 返回所有 "a" 的数组;str.match(/a/)(无 g)只返回第一个匹配的详细信息(含索引、分组);str.replace(/a/g, 'b') 全局替换,而 str.replace(/a/, 'b') 只换第一个。

立即学习Java免费学习笔记(深入)”;

  • matchAll() 必须带 g,否则抛错:TypeError: String.prototype.matchAll called with a non-global RegExp
  • split() 用正则时,捕获括号会影响结果:如 'a,b,c'.split(/(,)/) 得到 ['a', ',', 'b', ',', 'c']
  • replace() 的第二个参数可以是函数,参数顺序固定:(match, p1, p2, offset, string),其中 p1 是第一个捕获组内容

真正容易卡住的点,往往不是语法写错,而是标志没配对、lastIndex 意外残留、或把字符串方法当成正则方法来用(比如试图在 match() 结果上链式调用 exec())。动手前先问一句:我要的是“有没有”“第几个”还是“全部提取”——选对方法比写对模式更重要。

text=ZqhQzanResources