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

相关推荐
gnip3 分钟前
项目开发流程之技术调用流程
前端·javascript
答案—answer4 分钟前
three.js编辑器2.0版本
javascript·three.js·three.js 编辑器·three.js性能优化·three.js模型编辑·three.js 粒子特效·three.js加载模型
LIN-JUN-WEI16 分钟前
[ESP32]VSCODE+ESP-IDF环境搭建及blink例程尝试(win10 win11均配置成功)
c语言·开发语言·ide·vscode·单片机·学习·编辑器
gnip32 分钟前
SSE技术介绍
前端·javascript
yinke小琪1 小时前
JavaScript DOM节点操作(增删改)常用方法
前端·javascript
望获linux1 小时前
【Linux基础知识系列】第四十三篇 - 基础正则表达式与 grep/sed
linux·运维·服务器·开发语言·前端·操作系统·嵌入式软件
爱编程的喵1 小时前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
豆苗学前端1 小时前
手把手实现支持百万级数据量、高可用和可扩展性的穿梭框组件
前端·javascript·面试
yinke小琪1 小时前
JavaScript 事件冒泡与事件捕获
前端·javascript
gzzeason1 小时前
Ajax:现代JS发起http通信的代名词
前端·javascript·ajax