ES2016 中的 String.includes() 应用方法

随着前端技术的不断发展和更新，ES6 已经成为了现代前端开发的标准之一。其中 ES2016 引入了一个非常实用的方法：String.includes()。本文将深入介绍 String.includes() 的应用方法，帮助读者更好地掌握这一方法并实践应用。

String.includes() 方法简介

String.includes() 方法主要用于判断一个字符串是否包含另一个字符串。它会返回一个布尔值来表示是否包含。其中，这个方法是区分大小写的，如果找不到匹配的字符串则返回 false。

使用方法如下：

const str = 'hello world';
const isContain = str.includes('world');
console.log(isContain); // true

注意，该方法是检查一个字符串是否包含在另一个字符串中，而不是判断两个字符串是否完全相同。以下示例说明两个字符串是不同的：

const str1 = 'hello world';
const str2 = 'Hello World';
console.log(str1 === str2); // false
console.log(str1.includes(str2)); // false

String.includes() 方法的应用

检查输入是否合法

在前端开发中，我们经常需要对用户的输入进行一些检测，例如用户名、邮箱等是否符合规范。使用 String.includes() 方法可以方便快捷地判断输入是否包含特定字符，以确保输入的合法性。

以下是一个检查邮箱输入是否合法的示例代码：

const emailInput = 'example@example.com';
const isContainAtSymbol = emailInput.includes('@');
if (isContainAtSymbol) {
  console.log('输入的邮箱合法');
} else {
  console.log('输入的邮箱不合法');
}

处理文本搜索

在前端开发中，我们经常需要对文本进行搜索，例如搜索引擎的关键词搜索、用户自定义搜索等。使用 String.includes() 方法可以方便地实现这种文本搜索的功能。

以下是一个搜索引擎关键词匹配的示例代码：

const searchInput = '前端开发';
const keyword = '开发';
const isContainKeyword = searchInput.includes(keyword);
if (isContainKeyword) {
  console.log('搜索结果包含关键词');
} else {
  console.log('搜索结果不包含关键词');
}

替换文本中的特定字符串

在前端开发中，我们经常需要对一些特定字符串进行替换，例如将一些字符屏蔽或替换为其他字符。使用 String.includes() 方法可以快速判断要替换的字符串是否存在，以便进行替换操作。

以下是一个屏蔽关键词的示例代码：

const bannedWords = ['关键词1', '关键词2', '关键词3'];
let text = '这是一段包含关键词1的文本。';
bannedWords.forEach((word) => {
  if (text.includes(word)) {
    text = text.replace(word, '*'.repeat(word.length));
  }
});
console.log(text); // 输出：这是一段包含***的文本。

总结

String.includes() 方法是一个非常实用的方法，它可以方便快捷地判断一个字符串是否包含另一个字符串，并且可以应用于很多不同的场景，例如输入检查、文本搜索以及字符串替换等。希望本文介绍的 String.includes() 方法对读者的学习和实践有所指导。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f84cf4f6b2d6eab306b022