JS 判断包含某个字符串|极客笔记

JS 判断包含某个字符串

在前端开发中，经常会遇到需要判断一个字符串是否包含另一个字符串的情况。在 JavaScript 中，我们可以使用多种方法来进行这种判断，包括 includes() 方法、indexOf() 方法、正则表达式等。

在本文中，我们将详细介绍这几种方法的用法，以及它们之间的区别和适用场景。

includes() 方法

includes() 方法是 ES6 中新增的方法，用于判断一个字符串是否包含另一个字符串。该方法返回一个布尔值，表示目标字符串是否包含指定的子字符串。

const str = 'Hello, world!';
const subStr = 'world';

console.log(str.includes(subStr)); // true

includes() 方法会区分大小写，如果需要进行大小写不敏感的判断，可以先将字符串转换为统一的大小写再进行比较。

const str = 'Hello, world!';
const subStr = 'WORLD';

console.log(str.toLowerCase().includes(subStr.toLowerCase())); // true

indexOf() 方法

indexOf() 方法用于返回一个字符串在另一个字符串中首次出现的位置。如果目标字符串不包含指定的子字符串，则返回 -1。

const str = 'Hello, world!';
const subStr = 'world';

console.log(str.indexOf(subStr)); // 7

与 includes() 方法不同，indexOf() 方法需要手动判断返回值是否大于等于 0 来确定是否包含子字符串。

const str = 'Hello, world!';
const subStr = 'WORLD';

if (str.toLowerCase().indexOf(subStr.toLowerCase()) >= 0) {
  console.log('包含');
} else {
  console.log('不包含');
}

正则表达式

使用正则表达式也可以判断一个字符串是否包含另一个字符串。通过构造一个正则表达式对象，然后使用 test() 方法来进行匹配。

const str = 'Hello, world!';
const subStr = 'world';
const reg = new RegExp(subStr);

console.log(reg.test(str)); // true

如果需要进行大小写不敏感的匹配，可以在正则表达式中使用 i 标志。

const str = 'Hello, world!';
const subStr = 'WORLD';
const reg = new RegExp(subStr, 'i');

console.log(reg.test(str)); // true

区别与适用场景

includes() 方法相对简单易用，适合简单的包含判断场景。
indexOf() 方法在需要对包含位置进行具体操作时更为方便。
正则表达式适用于复杂的匹配规则，如模糊匹配等。

根据具体情况选择合适的方法来判断字符串是否包含另一个字符串，可以提高代码的可读性和效率。

JS 判断包含某个字符串