浅谈 js 字符串 search 方法

 

这是一个很久以前的事情了,好像是安心兄弟在学习js的时候做的练习。

具体记不清了,今天就来简单分析下 search 究竟是什么用的。

从字面意思理解,一个是搜索字符串吧。

1
2
var str = "123456789abcde";
console.log( str.search("abc") ); // 9

确实是搜索指定字符在一个字符串中出现的位置,如果不存在就返回 -1
可是这样就跟 indexOf 功能一样了,何必单独搞一个 search 出来呢?

1
2
3
4
5
var str = "123456789abcde";
console.log( str.search("abc") ); // 9
console.log( str.indexOf("abc") ); // 9
console.log( str.search("xxx") ); // -1
console.log( str.indexOf("xxx") ); // -1

点击右侧运行可查看输出结果。

其实区别在于 search 是强制正则的,而 indexOf 只是按字符串匹配的。
来看一个例子:

1
2
3
4
5
6
7
var str = "123456789.abcde"// 比刚才多了一个 . 而已
console.log( str.search(".") );    // 0  因为正则 . 匹配除\n以外任意字符
console.log( str.indexOf(".") );   // 9  只能匹配字符 .
console.log( str.search("\\.") );  // 9  相当于 new RegExp("\\.")
console.log( str.indexOf("\\.") ); // -1 匹配字符 \. 所以不存在
console.log( str.search(/\./) );   // 9  正则匹配转以后的 . 字符
console.log( str.indexOf(/\./) );  // -1 相当于匹配字符串 "/\./" 所以不存在

这个例子可以很好的说明 search 强制正则匹配模式。
来看下 MDN 上是怎么说的吧《String.prototype.search()
可以看到他给出的语法是 str.search(regexp) 格式,说明参数必须是正则,如果不是正则,也会调用 new RegExp(obj) 转为正则的。

好了,今天的分享就这些了。明天见。。

posted @ 2020-11-29 18:56  暗恋桃埖源  阅读(1628)  评论(0编辑  收藏  举报