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

js 判断字符串中是否包含某个字符串

在 JavaScript 中，我们经常需要判断一个字符串是否包含另一个字符串。这在实际开发中非常常见，比如搜索功能、过滤功能等。本文将详细介绍如何使用 JavaScript 判断字符串中是否包含某个字符串。

使用 includes 方法

在 ES6 中，JavaScript 提供了一个方便的方法 includes 来判断一个字符串是否包含另一个字符串。这个方法返回一个布尔值，表示目标字符串是否被包含在原字符串中。下面是一个示例：

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

if (str.includes(target)) {
  console.log('字符串包含目标字符串');
} else {
  console.log('字符串不包含目标字符串');
}

上面的代码中，我们首先定义了一个字符串 str，然后使用 includes 方法来判断字符串 str 是否包含字符串 target。如果包含，就输出 字符串包含目标字符串，否则输出 字符串不包含目标字符串。

使用 indexOf 方法

除了使用 includes 方法，我们还可以使用 indexOf 方法来判断一个字符串是否包含另一个字符串。indexOf 方法返回目标字符串在原字符串中的位置，如果没有找到，则返回 -1。下面是一个示例：

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

if (str.indexOf(target) !== -1) {
  console.log('字符串包含目标字符串');
} else {
  console.log('字符串不包含目标字符串');
}

上面的代码中，我们同样先定义了一个字符串 str，然后使用 indexOf 方法来判断字符串 str 是否包含字符串 target。如果返回值不等于 -1，说明字符串包含目标字符串。

区分大小写

在 JavaScript 中，字符串的比较是区分大小写的。如果我们不想区分大小写，可以先将字符串转换为小写或大写，然后再进行比较。下面是一个示例：

const str = 'Hello, World!';
const target = 'world';

if (str.toLowerCase().includes(target.toLowerCase())) {
  console.log('字符串包含目标字符串（不区分大小写）');
} else {
  console.log('字符串不包含目标字符串（不区分大小写）');
}

上面的代码中，我们先将两个字符串都转换为小写，然后再使用 includes 方法来判断字符串是否包含目标字符串。这样就可以实现不区分大小写的比较。

复杂情况处理

在实际开发中，我们可能会遇到一些比较复杂的情况，比如判断字符串是否包含多个目标字符串，或者需要忽略某些特殊字符。这时候，我们可以结合正则表达式来实现更复杂的字符串判断。下面是一个示例：

const str = 'Hello, world! This is a test.';
const targets = ['world', 'test'];

const isStringContainsTargets = (str, targets) => {
  for (const target of targets) {
    const regex = new RegExp(target, 'i');
    if (!regex.test(str)) {
      return false;
    }
  }
  return true;
}

if (isStringContainsTargets(str, targets)) {
  console.log('字符串包含所有目标字符串');
} else {
  console.log('字符串不包含所有目标字符串');
}

上面的代码中，我们定义了一个函数 isStringContainsTargets，该函数接受一个字符串和一个目标字符串数组作为参数，然后使用正则表达式逐个判断字符串是否包含目标字符串。如果字符串包含所有目标字符串，则返回 true，否则返回 false。