正则表达式是前端开发中常用的一种工具，可以用来匹配、查找和替换文本。在JS中，正则表达式有两种模式：g模式和非g模式。这篇文章将详细介绍两种模式的区别，并提供示例代码。
g模式和非g模式的区别
在JS中，正则表达式有两种模式：g模式和非g模式。g模式表示全局匹配，即匹配所有符合条件的字符串；非g模式只匹配第一个符合条件的字符串。
非g模式
我们先来看一下非g模式的用法：
--- --- - ------ ------- --- ------- - ---- -------------------------------- -- -----
上面的代码中，我们定义了一个字符串str和一个正则表达式/o/，然后通过match()方法查找字符串中第一个匹配/o/的字符，并返回结果["o"]。
g模式
接下来，我们来看一下g模式的用法：
--- --- - ------ ------- --- ------- - ----- -------------------------------- -- ----- ----
与非g模式不同的是，我们在正则表达式最后加上了g标志。这个标志代表全局匹配，会匹配所有符合条件的字符串。在上面的代码中，我们通过match()方法查找字符串中所有匹配/o/g的字符，并返回结果["o", "o"]。
深度解析
非g模式的工作方式
当我们使用非g模式时，JS会从字符串的开头开始寻找第一个符合条件的字符，如果找到了就返回结果并停止查找。如果没有找到，则返回null。
g模式的工作方式
与非g模式不同，当我们使用g模式时，JS会继续查找下一个符合条件的字符，直到查找完整个字符串所有匹配项为止。例如：
--- --- - ------ ------- --- ------- - ----- --- ------- ----- -------- - ------------------ --- ----- - ---------------------- ------------------- -
在上面的代码中，我们使用exec()方法和while循环来查找所有匹配/o/g的字符。每次找到匹配项后，JS会将匹配项存储在result变量中，并输出匹配项和匹配项的位置（即lastIndex属性）。在这个例子中，输出如下：
- - - -
可以看到，我们找到了两个匹配项，分别是字符串中第5个和第8个字符的o。
需要注意的是，正则表达式对象有一个lastIndex属性，它表示下一次匹配的起始位置。在上面的代码中，我们每次输出匹配项后都会同时输出当前匹配的位置。
指导意义
理解正则表达式g模式和非g模式的区别对于前端开发非常重要。如果你只需要查找字符串中第一个符合条件的字符，那么可以使用非g模式。但是，如果你需要查找所有符合条件的字符，那么就需要使用g模式。
在实际开发中，我们通常会使用正则表达式来验证表单输入、过滤特定字符或统计字符串中某些字符的数量等操作。因此，了解正则表达式的各种用法以及不同模式的区别，对于提高开发效率非常有帮助。
示例代码
下面是一些示例代码，演示如何使用正则
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/4180