js 字符串是否包含某个字符串|极客笔记

js 字符串是否包含某个字符串

在Javascript中，我们经常需要判断一个字符串是否包含某个固定的子字符串。这在实际开发中是一种非常常见的操作，比如我们需要根据用户输入的关键词来进行模糊搜索，就需要判断某个字符串是否包含用户输入的字符。在本文中，我们将详细介绍如何使用Javascript来判断一个字符串是否包含某个子字符串，并给出一些示例代码帮助读者更好地理解这个过程。

String.includes()方法

在ES6中，Javascript新增了一个字符串方法includes()，可以帮助我们判断一个字符串是否包含另一个字符串。该方法返回一个布尔值，表示被调用的字符串是否包含传入的子字符串。下面我们来看一个简单的示例：

let str = 'Hello, world!';
let subStr = 'world';
console.log(str.includes(subStr)); // true

在上面的代码中，我们先声明一个字符串str，然后声明了一个子字符串subStr。调用str.includes(subStr)方法，会打印出true，表示str包含subStr这个子字符串。

indexOf()方法

在ES5中，我们可以使用indexOf()方法来判断一个字符串中是否包含另一个子字符串。该方法会返回被调用的字符串中第一次出现传入子字符串的位置，如果没有找到则返回-1。我们可以根据返回值是否等于-1来判断字符串是否包含某个子字符串。下面是一个示例：

let str = 'Lorem ipsum dolor sit amet';
let subStr = 'dolor';
if (str.indexOf(subStr) !== -1) {
    console.log('String contains the substring');
} else {
    console.log('String does not contain the substring');
}

在上面的代码中，我们根据str.indexOf(subStr) !== -1来判断字符串str是否包含子字符串subStr。

正则表达式

除了上述两种方法外，我们还可以使用正则表达式来判断一个字符串是否包含某个子字符串。正则表达式提供了更灵活的方式来匹配字符串模式。下面是一个使用正则表达式的示例：

let str = 'The quick brown fox jumps over the lazy dog';
let pattern = /brown/;
if (pattern.test(str)) {
    console.log('String contains the substring');
} else {
    console.log('String does not contain the substring');
}

在上面的代码中，我们使用正则表达式/brown/来判断字符串str是否包含子字符串brown。如果匹配成功，则打印String contains the substring，否则打印String does not contain the substring。

案例分析

现在让我们通过一个实际的案例来加深对如何判断一个字符串是否包含某个子字符串的理解。假设有一个数组，包含多个用户名，我们需要从中找出包含指定关键词的用户名。我们可以使用includes()方法来实现这个功能，具体代码如下：

let usernames = ['alice', 'bob', 'charlie', 'david'];
let keyword = 'b';

for (let username of usernames) {
    if (username.includes(keyword)) {
        console.log(username);
    }
}

在上面的代码中，我们定义了一个包含多个用户名的数组usernames，然后定义了一个关键词keyword。通过遍历usernames数组，使用includes()方法来判断用户名中是否包含关键词keyword，如果是则打印该用户名。