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() 则返回替换后的字符串。

相关推荐
爱学习的茄子18 分钟前
JavaScript事件循环深度解析:理解异步执行的本质
前端·javascript·面试
1024小神19 分钟前
cocos游戏开发中多角色碰撞,物理反弹后改变方向的实现逻辑
前端·javascript
ruanhongbiao20 分钟前
饿了么el-upload上传组件报错:TypeError: ***.upload.addEventListener is not a function
javascript·elementui
_一两风22 分钟前
JS执行机制-event loop
javascript
止观止22 分钟前
JavaScript对象创建9大核心技术解析
开发语言·javascript·ecmascript
1024小神23 分钟前
cocos游戏开发中,如何制作一个空气墙
前端·javascript
爱编程的喵23 分钟前
深入理解JavaScript事件循环机制:从同步到异步的完整解析
前端·javascript
202624 分钟前
11. vite打包优化
前端·javascript·vite
1024小神34 分钟前
Cocos游戏开发中,检测两个物体碰撞,并实现物理反弹逻辑
前端·javascript
一一一8711 小时前
javaScript数据存储, 对象和原型与原型链
javascript