JavaScript中replace()和match()方法

rmatch方法实例:

javascript 复制代码
<script>
    var str="Windows是非常优秀的系统,我喜欢Windows!";
    //这一行定义了一个名为str的变量,并赋值为一个包含特定字符串的字面量。这个字符串使我们要进行匹配操作的目标字符串。
    var reg = /windows/gi ;
    //这一行定义了一个名为reg的变量,并赋值为一个正则表达式字面量/windows/gi。其中/windows/是要匹配模式,gi是正则表达式的标志,g表示全局变量i表示忽略大小写。
	var found = str.match(reg);
    //这一行使用字符串的独享match()方法,通过传入reg正则表达式来查找匹配的字符串。找到的结果将会存储在found变量中
    alert(found);
    //这一行使用alert()方法弹出一个包含found变量的提示框,以便显示匹配的结果。在这个例子,found变量是一个数组,包含所有匹配正则表达式/windows/gi的结果
</script>

输出:windows,windows!

replace方法实例:

javascript 复制代码
<script>
    var str="Windows是非常优秀的系统,我喜欢Windows!";
		var reg = /windows/gi ;		
		var tmp = str.replace(reg,"Linux");
        //这一行运用了字符串对象replace()方法,通过传入reg正则表达式和替换的字符串"Linux"来执行替换操作,替换后的结果将会存储在tmp变量中
		alert(tmp);
        //这一行使用alert()方法弹出一个包含tmp变量的提示框,以便显示替换后的字符串
</script>

输出结果:Linux是非常优秀的系统,我喜欢Linux!

两者比较:

match 方法:

match() 方法用于在字符串中执行正则表达式搜索,并返回一个包含匹配结果的数组。

如果找到了匹配项,返回一个数组,数组的第一个元素是整个匹配的字符串,其余的元素是与正则表达式中的捕获组匹配的字符串(如果有的话)。

如果没有找到匹配项,返回值为 null。

match()方法例子中,found 变量将会是一个数组,包含所有与正则表达式 /windows/gi 匹配的结果。因为设置了全局匹配标志 g,所以返回的数组中会包含所有匹配项,不受替换的影响。

replace 方法:

replace() 方法用于在字符串中查找匹配的子串,然后用指定的字符串或者函数替换它。

如果第一个参数是一个字符串,那么只会替换第一个匹配项。

如果第一个参数是一个正则表达式,并且设置了全局匹配标志 g,则会替换所有匹配项。

replace() 方法将会查找字符串中所有匹配正则表达式 /windows/gi 的部分,并用 "Linux" 字符串替换它们。替换后的结果将会存储在 tmp 变量中,并通过弹出对话框显示出来。

所以,主要区别在于 match() 返回匹配结果的数组,而 replace() 则返回替换后的字符串。

相关推荐
codingandsleeping19 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
白水清风20 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
用户221520442780020 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端20 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧20 小时前
Promise 的使用
前端·javascript
前端康师傅21 小时前
JavaScript 作用域
前端·javascript
云枫晖21 小时前
JS核心知识-事件循环
前端·javascript
eason_fan1 天前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript
前端付豪1 天前
1、震惊!99% 前端都没搞懂的 JavaScript 类型细节
前端·javascript·面试
朝与暮1 天前
js符号(Symbol)
前端·javascript