1、问题概述?
在项目我们经常需要判断一个字符串中是否包含另一个字符串。如判断"雾林小妖"中是否包含"林"。在前端我们就可以使用JavaScript进行判断。
下面举出几种比较常用的方式进行测试
2、具体判断代码
2.1、通过indexof方式判断-推荐1
indexOf()用于判断指定字符串在字符串中首次出现的位置,如果找不到返回-1。如果找到值,就返回首次出现该字符串的位置。
总结:只要返回值不为-1,表示包含,所以只要值>=0就表示存在
【测试案例】
索引从0开始算,“狂徒”的第一个字符刚好是2的位置。
<script type="text/javascript">
var a="编程狂徒";
var b="狂徒";
var c="求关注";
console.log("首次出现位置1==>"+a.indexOf(b));
console.log("首次出现位置2==>"+a.indexOf(c));
</script>

2.2、通过search方式判断-推荐2
search()用于检索字符串中是否包含指定的字符串,支持正则表达式,找不到返回-1。找到返回首次出现的索引位置。用法与indexOf基本相同。
总结:只要返回值不为-1,表示包含,且支持正则表达式。
【测试案例】
<script type="text/javascript">
var a="狂徒编程狂徒";
var b="狂徒";
var c="求关注";
console.log("首次出现位置1==>"+a.search(b));
console.log("首次出现位置2==>"+a.search(c));
</script>

2.3、通过test方式判断
test用于判断检索字符串中是否包含指定的值,如下案例
判断b字符串中是否包含a字符串
【案例测试】
<script type="text/javascript">
var a=RegExp("狂徒");
var b="编程狂徒";
console.log("b中是否包含a字符串==>"+a.test(b));
</script>

2.4、通过match方式判断
match()用于在字符串检索指定字符串,支持正则表达式,如果存在返回返回存在的字符串。
【测试案例】
<script type="text/javascript">
var a=RegExp("狂徒");
var b="编程狂徒";
console.log("b中是否包含a字符串==>"+b.match(a));
</script>
2.5、通过exec方式判断
使用正则表达式模式对字符串执行搜索,并返回包含该搜索结果的数组,找不到返回null。
【测试案例】
<script type="text/javascript">
var a=RegExp("狂徒");
var b="编程狂徒";
var c="求关注";
console.log("b中是否包含a字符串==>"+a.exec(b));
console.log("c中是否包含a字符串==>"+a.exec(c));
</script>

2.6、数组判断方式1
includes() 判断数组是否包含特定字符串,存在返回true,不存在返回false。
【测试案例】
<script type="text/javascript">
var course = ['语文', '数学', '英语'];
console.log("是否包含语文==>"+course.includes('语文'));
console.log("是否包含历史==>"+course.includes('历史'));
</script>


被折叠的 条评论
为什么被折叠?



