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

相关推荐
好困好想睡6 分钟前
认识Promise
javascript
前端_ID林8 分钟前
谈谈JavaScript的异步函数发展历程
javascript
无小道8 分钟前
c++--typedef和#define的用法及区别
c语言·开发语言·汇编·c++
国家不保护废物9 分钟前
深入浅出JavaScript事件循环(event loop):宏任务与微任务的奇幻之旅
前端·javascript·面试
FogLetter10 分钟前
React组件开发之Todos基础:从零打造一个优雅的待办事项应用
前端·javascript·react.js
在钱塘江18 分钟前
《你不知道的JavaScript-上卷》第一部分-附录C-笔记-this词法
前端·javascript
胡gh19 分钟前
JavaScript 中的闭包、防抖与节流:让你彻底搞懂它们的作用和应用场景
前端·javascript·node.js
SoniaChen3337 分钟前
Rust基础-part2-变量和可变类型
开发语言·后端·rust
Mintopia38 分钟前
Three.js 中的噪声与图形变换:一场数字世界的舞蹈
前端·javascript·three.js
Mintopia43 分钟前
计算机图形学漫游:从像素到游戏引擎的奇幻之旅
前端·javascript·计算机图形学