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

JS判断字符串包含

在前端开发中，经常会遇到需要判断一个字符串是否包含另一个字符串的情况。在 JavaScript 中，我们可以使用一些方法来实现字符串包含的判断。本文将介绍几种常用的方法，并给出示例代码和运行结果。

方法一：indexOf()

indexOf() 方法用来检测一个字符串是否包含另一个字符串，并返回第一次出现的位置。如果找到了匹配的子字符串，则返回子字符串在原字符串中的位置；如果没有找到匹配的子字符串，则返回 -1。

示例代码如下：

let str = "Hello, world!";
let subStr = "world";

if (str.indexOf(subStr) !== -1) {
  console.log("字符串包含指定子字符串");
} else {
  console.log("字符串不包含指定子字符串");
}

上述代码中，我们首先定义了一个字符串 str 和一个子字符串 subStr，然后使用 indexOf() 方法判断 str 是否包含 subStr。如果包含则输出”字符串包含指定子字符串”，否则输出”字符串不包含指定子字符串”。

运行结果为：

字符串包含指定子字符串

方法二：includes()

includes() 方法用于判断一个字符串是否包含另一个字符串，返回值为布尔值。如果找到匹配的子字符串，则返回 true；如果没有找到匹配的子字符串，则返回 false。

示例代码如下：

let str = "Hello, world!";
let subStr = "world";

if (str.includes(subStr)) {
  console.log("字符串包含指定子字符串");
} else {
  console.log("字符串不包含指定子字符串");
}

上述代码中，我们同样使用了一个字符串 str 和一个子字符串 subStr，然后使用 includes() 方法判断 str 是否包含 subStr。如果包含则输出”字符串包含指定子字符串”，否则输出”字符串不包含指定子字符串”。

运行结果为：

字符串包含指定子字符串

方法三：search()

search() 方法用于检索字符串中指定的子字符串，并返回子字符串的起始位置。如果找到匹配的子字符串，则返回子字符串的起始位置；如果没有找到匹配的子字符串，则返回 -1。

示例代码如下：

let str = "Hello, world!";
let subStr = "world";

if (str.search(subStr) !== -1) {
  console.log("字符串包含指定子字符串");
} else {
  console.log("字符串不包含指定子字符串");
}

上述代码中，我们同样使用了一个字符串 str 和一个子字符串 subStr，然后使用 search() 方法判断 str 是否包含 subStr。如果包含则输出”字符串包含指定子字符串”，否则输出”字符串不包含指定子字符串”。

运行结果为：

字符串包含指定子字符串

方法四：正则表达式

通过正则表达式可以更加灵活地判断一个字符串是否包含另一个字符串。下面是一个利用正则表达式判断字符串包含的示例代码：

let str = "Hello, world!";
let subStr = "world";

if (new RegExp(subStr).test(str)) {
  console.log("字符串包含指定子字符串");
} else {
  console.log("字符串不包含指定子字符串");
}

上述代码中，我们同样使用了一个字符串 str 和一个子字符串 subStr，然后使用正则表达式 new RegExp(subStr).test(str) 判断 str 是否包含 subStr。如果包含则输出”字符串包含指定子字符串”，否则输出”字符串不包含指定子字符串”。

运行结果为：