JS 字符串是否包含|极客笔记

JS 字符串是否包含

在 JavaScript 中，我们经常需要判断一个字符串是否包含另一个字符串。这是一个常见的操作，例如在搜索文本、过滤数据或者验证用户输入时很有用。在本文中，我们将探讨如何在 JavaScript 中判断一个字符串是否包含另一个字符串的方法。

includes() 方法

JavaScript 提供了一个内置的方法 includes() 来判断一个字符串是否包含另一个字符串。这个方法会返回一个布尔值，表示目标字符串是否在源字符串中出现过。includes() 方法不会改变原始字符串，只会返回一个结果。

let sourceStr = "Hello, world!";
let targetStr = "world";

let isContained = sourceStr.includes(targetStr);

console.log(isContained); // true

在上面的示例中，我们首先定义了一个源字符串 sourceStr 和一个目标字符串 targetStr，然后使用 includes() 方法判断目标字符串是否包含在源字符串中，最后输出为 true。

需要注意的是，includes() 方法是区分大小写的，如果要忽略大小写，可以先将字符串转为小写再进行判断。

let sourceStr = "Hello, world!";
let targetStr = "World";

let isContained = sourceStr.toLowerCase().includes(targetStr.toLowerCase());

console.log(isContained); // true

indexOf() 方法

除了 includes() 方法之外，还可以使用 indexOf() 方法来判断一个字符串是否包含另一个字符串。indexOf() 方法返回目标字符串在源字符串中第一次出现的位置，如果找不到则返回 -1。

let sourceStr = "Hello, world!";
let targetStr = "world";

let index = sourceStr.indexOf(targetStr);

if (index !== -1) {
    console.log("The target string is contained in the source string.");
} else {
    console.log("The target string is not contained in the source string.");
}

在上面的示例中，我们使用 indexOf() 方法获取目标字符串在源字符串中的位置，然后判断是否为 -1 来确定目标字符串是否包含在源字符串中。

search() 方法

另一个判断字符串是否包含的方法是 search() 方法。与 indexOf() 不同的是，search() 方法可以接受正则表达式作为参数，用来匹配目标字符串。

let sourceStr = "Hello, world!";
let targetStr = "world";

let index = sourceStr.search(targetStr);

if (index !== -1) {
    console.log("The target string is contained in the source string.");
} else {
    console.log("The target string is not contained in the source string.");
}

在上面的示例中，我们使用 search() 方法来查找目标字符串在源字符串中的位置，并判断是否为 -1 来确定目标字符串是否包含在源字符串中。

需要注意的是，如果传入的参数是字符串，search() 方法会将其隐式转换为正则表达式。因此，如果要匹配普通字符串，最好使用 indexOf() 或 includes() 方法。

正则表达式

除了上述方法之外，我们还可以使用正则表达式来判断一个字符串是否包含另一个字符串。正则表达式提供了更加灵活的匹配方式，可以实现更加复杂的匹配需求。

下面是一个示例，通过正则表达式来判断一个字符串是否包含指定的字母序列：

let sourceStr = "Hello, world!";
let targetStr = "world";

let regExp = new RegExp(targetStr);

if (regExp.test(sourceStr)) {
    console.log("The target string is contained in the source string.");
} else {
    console.log("The target string is not contained in the source string.");
}

在上面的示例中，我们使用 RegExp 构造函数创建了一个正则表达式对象，然后使用 test() 方法来判断目标字符串是否包含在源字符串中。