JavaScript判断一个字符串是否包含指定子字符串的方法

JavaScript提供了多种方法来判断一个字符串是否包含指定的子字符串。在下面的介绍中，将逐一介绍这些方法并附带示例说明。

方法一：使用indexOf方法

JavaScript中的字符串对象提供了一个indexOf方法，该方法可以用于判断一个字符串是否包含指定的子字符串。该方法返回一个数字值，表示指定的子字符串在原字符串中第一次出现的位置。如果未找到该子字符串，则返回-1。

示例1：使用indexOf方法判断字符串是否包含指定子字符串。

var str = "Hello World!";
var subStr = "World";
if(str.indexOf(subStr) !== -1) {
    console.log("字符串中包含指定的子字符串");
}else {
    console.log("字符串中不包含指定的子字符串");
}

在这个示例中，使用indexOf方法查找"World"在"Hello World!"字符串中第一次出现的位置。由于返回的位置值不为-1，说明该字符串中包含指定的子字符串。

示例2：使用indexOf方法查找所有匹配的子字符串。

var str = "Hello World World!";
var subStr = "World";
var position = 0; 
while((position = str.indexOf(subStr, position)) !== -1){
    console.log("找到了位于 " + position + " 的子字符串.");
    position++;
}

在这个示例中，使用indexOf方法查找"World"在"Hello World World!"字符串中所有出现的位置。由于indexOf方法返回第一次出现的位置，所以可以在一个循环中多次调用该方法，直到找不到下一个位置为止。注意，在这个示例中，必须设置一个变量来表示每次查找的起始位置，以便在下一次查找时避免重复。

方法二：使用includes方法

从ES6开始，JavaScript提供了另一个方法来判断一个字符串是否包含指定的子字符串——includes方法。该方法返回一个布尔值，表示原字符串是否包含指定的子字符串。

示例1：使用includes方法判断字符串是否包含指定子字符串。

var str = "Hello World!";
var subStr = "World";
if(str.includes(subStr)) {
    console.log("字符串中包含指定的子字符串");
}else {
    console.log("字符串中不包含指定的子字符串");
}

在这个示例中，使用includes方法判断"Hello World!"字符串中是否包含"World"子字符串。由于返回了true，所以说明该字符串中包含指定的子字符串。

示例2：使用includes方法对大小写不敏感。

var str = "Hello World!";
var subStr = "world";
if(str.toLowerCase().includes(subStr.toLowerCase())) {
    console.log("字符串中包含指定的子字符串");
}else {
    console.log("字符串中不包含指定的子字符串");
}

在这个示例中，使用toLowerCase方法将原字符串和子字符串都转换为小写字母，然后使用includes方法查找指定的子字符串。由于toLowerCase方法返回的字符串都是小写字母，所以即使原字符串中有大写字母也可以找到匹配的子字符串。