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

JS 判断字符串中包含某个字符

在前端开发中，经常会遇到需要判断一个字符串中是否包含特定字符的情况。比如，在表单验证、搜索功能或者数据过滤等场景下，我们经常需要判断用户输入的字符串中是否包含某个特定的字符。在本文中，我们将探讨如何使用 JavaScript 来判断字符串中是否包含某个字符。

方法一：使用indexOf方法

JavaScript 中的字符串有一个内置的 indexOf 方法，它可以用来获取字符串中某个字符或子串的索引位置。如果字符或子串存在于字符串中，indexOf 方法将返回它在字符串中的索引位置；如果不存在，则返回 -1。

下面是一个简单的示例代码：

const str = 'Hello World';
const char = 'o';

if (str.indexOf(char) !== -1) {
  console.log(`字符串中包含字符  ${char}`); } else { console.log(`字符串中不包含字符$ {char}`);
}

上面的代码首先定义了一个字符串 str 和一个要查找的字符 char，然后使用 indexOf 方法来判断字符串中是否包含该字符，并输出相应的结果。如果运行上面的代码，将会输出 字符串中包含字符 o。

需要注意的是，indexOf 方法是区分大小写的，如果要忽略大小写，可以先将字符串转换为小写或大写再查找。

方法二：使用includes方法

在 ES6 中，引入了一个更加便捷的方法 includes，它可以直接判断字符串是否包含某个字符，并返回布尔值。includes 方法会检查指定的字符是否在字符串中，如果包含则返回 true，否则返回 false。

下面是使用 includes 方法的示例代码：

const str = 'Hello World';
const char = 'o';

if (str.includes(char)) {
  console.log(`字符串中包含字符  ${char}`); } else { console.log(`字符串中不包含字符$ {char}`);
}

和 indexOf 方法相比，includes 方法更为直观和简洁，而且更符合语义。上面的代码将输出 字符串中包含字符 o，因为字符串中包含字符 o。

方法三：使用正则表达式

除了上面提到的两种方法外，还可以使用正则表达式来判断字符串中是否包含某个字符。通过构建一个包含目标字符的正则表达式，然后使用 test 方法来判断字符串是否符合该正则表达式。

下面是一个使用正则表达式的示例代码：

const str = 'Hello World';
const char = 'o';
const regex = new RegExp(char);

if (regex.test(str)) {
  console.log(`字符串中包含字符  ${char}`); } else { console.log(`字符串中不包含字符$ {char}`);
}

上面的代码定义了一个正则表达式 regex，然后使用 test 方法来判断字符串中是否存在目标字符。运行上面的代码，将输出 字符串中包含字符 o。

方法四：使用ES6的扩展语法

在 ES6 中，还可以使用更加简洁的方法来判断字符串中是否包含某个字符，即使用扩展语法。

下面是一个使用扩展语法的示例代码：

const str = 'Hello World';
const char = 'o';

if (str.includes(char)) {
  console.log(`字符串中包含字符  ${char}`); } else { console.log(`字符串中不包含字符$ {char}`);
}

这种方式和 includes 方法本质上是一样的，都是利用了 ES6 的新特性，更加简洁和易读。上面的代码将输出 字符串中包含字符 o。