简述test()、match()、replace()和search()的用法-阿里云开发者社区

开发者社区> 前端王睿> 正文

简述test()、match()、replace()和search()的用法

简介: 如果你使用过Javascript中的正则表达式,那么你对test()、match()、replace()和search()这四个方法中的其中一个一定不陌生,那就是test()。
+关注继续查看

如果你使用过Javascript中的正则表达式,那么你对test()、match()、replace()和search()这四个方法中的其中一个一定不陌生,那就是test()。个人感觉test()方法是使用频率最高的一个了,至少在表单验证方面如此。那么接下来,我将简单讲讲这四个方法的基本用法。

一、test(),用于检测一个字符串是否匹配某个正则表达式

使用方法:

RegExpObject.test(string)

其中RegExpObject代表正则表达式,string代表需要检测的字符串。该方法返回一个布尔值,true代表匹配成功,false代表失败。
举个栗子~

var str1 = 'Hello,我叫Real';
var str2 = '大家好,我叫张三';

这里有两个字符串(本文所有例子都将使用到这两个字符串),接下来我想要检测字符串中是否存在英文字符串,这时就可以使用test()来实现:

console.log(/\w+/.test(str1));  //true
console.log(/\w+/.test(str2));  //false

可以看出,str1是存在英文字符串的,而str2不存在。
可是,虽然我已经知道了str1存在英文字符串,但是我并不知道这样的字符串有多少,又具体存在哪些,这该如何实现呢?
这时match()就闪亮登场啦!

二、match(),可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

使用方法:

stringObject.match(searchvalue)
stringObject.match(regexp)

其中stringObject代表需要匹配的字符串,searchvalue代表需要从字符串中检索的内容,regexp代表正则表达式。该方法返回一个数组,但是分为两种情况:

① regexp 没有标志 g。

这种情况返回的数组只包含第一个匹配项,如果未找到匹配项将返回null。该返回的数组中,除了常规的数组元素外,还存在index和input两个对象属性,index存储的是匹配项在stringObject中的位置,而input存储的是stringObject的引用。比如:

console.log(str1.match('Hello'));  //传入字符串,返回 ["Hello"]
console.log(str1.match(/\w+/));  //传入正则表达式,返回 ["Hello"]

② regexp 具有标志 g。

这种情况代表全局匹配,返回的数组由所有匹配到的字符串元素组成。比如:

console.log(str1.match(/\w+/g));  //找到两个匹配项,返回 ["Hello", "Real"]
console.log(str2.match(/\w+/));  //未找到匹配项,返回null

三、replace(),用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

使用方法:

stringObject.replace(regexp/substr,replacement)

其中stringObject与regexp同上,substr代表需要被替换掉的子字符串,replacement代表替换文本或生成替换文本的函数。该方法返回替换成功之后的字符串。
举个栗子~

console.log(str1.replace('Hello','Hi'));  // "Hi,我叫Real"
console.log(str1.replace(/Hello/,'Hi'));  // "Hi,我叫Real"
console.log(str2.replace(/Hello/,'Hi'));  // 未匹配到被替换内容,返回原字符串"大家好,我叫张三"

str3 = "Hi,Real";
console.log(str3.replace(/(\w+),(\w+)/, "$2,$1"));   //将子字符串交换位置,返回"Real,Hi"
console.log(str1.replace(/\w+/,function(word){      //将字符串中的第一个匹配元素改为大写,返回字符串"HELLO,我叫Real"
    return word.toUpperCase();
}));

四、search(),用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串

使用方法:

stringObject.search(searchvalue)
stringObject.search(regexp)

其中stringObject与regexp同上,返回stringObject中第一个与 regexp 相匹配的子串的起始位置。
同样举个例子:

console.log(str1.search(/\w+/));  // 0
console.log(str1.search('Real'));  // 8
console.log(str1.search(/\w+/g));  // 0
console.log(str2.search(/\w+/));  // -1

通过第一行和第三行可以看出,用于全局匹配的 “g” 然而并没有什么卵用,原因是search()只返回第一个匹配元素的起始位置。
通过最后一行可以看出,当无法匹配任何元素时该函数将返回 -1。

结束语: 本文只是简单讲了这四个函数的用法,而对于正则表达式基本语法的话在此就不详述了。还有一点要注意的是,除了test()之外的其他三个函数,正则表达式都是作为函数参数传入其中的,所以只需记住test()这一个操作特例就行啦~~

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
RecSys提前看 | 深度学习在推荐系统中的最新应用
作为推荐系统的顶会,RecSys 一如既往受到了业界的广泛关注。与其他机器学习会议相比,RecSys 一向重视解决实际的问题,即结合在实际应用场景中推荐系统性能提升、效果提高等问题提出设计策略和算法解决方案等。随着深度学习研究的进一步深入,深度学习在推荐系统中的应用依然是研究热点之一,本次会议中图神经网络(Graph Neural Network,GNN)、经典深度学习模型都有所应用及改进。
5 0
Class文件结构介绍[属性表集合]
在前面的内容中属性表(attribute_info)已经出现多多次了,在Class文件、字段表、方法表中都可以携带自己的属性集合,用于描述某些场景专有的信息
3 0
作为程序员的他,大学四年一直自学,全靠这些实用工具和学习网站!
作为程序员的他,大学四年一直自学,全靠这些实用工具和学习网站!
4 0
推荐10个堪称神器的学习网站
推荐10个堪称神器的学习网站
6 0
听写服务升级为录音笔OS,搜狗AI如何行业改造?
老瓶换新酒,搜狗如何推动录音笔市场升级?
5 0
Redis应用之缓存实现
Redis的众多应用场景中缓存绝对是频率最高的场景了。本文来介绍下Redis作为缓存要注意的地方。
4 0
学妹抱怨Spring入门太难了,我用一篇文章彻底征服了她(1)
学妹抱怨Spring入门太难了,我用一篇文章彻底征服了她
6 0
关于 Kubernetes中Volume的一些笔记
男女情事,谁先动心谁吃亏,越吃亏越难忘,到最后,到底是喜欢对方呢,还是喜欢自己,都搞不清楚了,答案偏偏在对方身上,所以才说,由爱故生忧。--------《剑来》
4 0
Java享元模式(FlyWeight)
内存属于稀缺资源,不要随便浪费。如果有很多个完全相同或相似的 对象,我们可以通过享元模式,节省内存.
4 0
CCKS 2019 | 百度CTO王海峰详解知识图谱与语义理解
8 月 24 日至 27 日在杭州召开的 2019 年全国知识图谱与语义计算大会(CCKS 2019)上,百度 CTO 王海峰发表了题为《知识图谱与语义理解》的演讲。
4 0
+关注
前端王睿
3年Web前端开发工程师,目前就职于上海知名媒体——新闻晨报,个人公众号:前端微站
50
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载