随着 JavaScript 的不断发展，越来越多的新语法和功能被添加到了这门语言中。而 ES8（或称 ECMAScript 2017）正是其中的一代，它为前端开发带来了很多实用的新功能。其中一个被广泛应用的新功能是 Array.prototype.includes() 方法。本文将对该方法的用法进行详细解释，并介绍其在实际开发中的应用。
方法概述
Array.prototype.includes() 方法用于判断一个数组是否包含一个指定的元素，返回一个布尔值。其语法如下：
arr.includes(valueToFind[, fromIndex])
其中，valueToFind 表示要查找的元素，fromIndex（可选）表示开始搜索的位置。如果省略 fromIndex，则默认从数组的第一个元素开始搜索。
该方法返回 true 或 false，表示数组中是否包含该元素。
下面是一些示例：
const arr = [1, 2, 3]; arr.includes(2); // true arr.includes(4); // false
实际应用
替代 indexOf()
在 ES6 及之前的版本中，常常使用 indexOf() 方法来判断一个元素是否在数组中。例如：
const arr = [1, 2, 3];
if (arr.indexOf(2) !== -1) {
// do something
}这段代码将返回 -1 如果元素不在数组中，因此需要进行 !== -1 的比较。而 ES8 中，我们可以使用更加直观的 includes() 方法。例如：
const arr = [1, 2, 3];
if (arr.includes(2)) {
// do something
}模糊搜索
在一些应用中，我们希望能够搜索一些与给定字符串相似的元素。通常这可以使用正则表达式来实现，但是在一些简单的情况下，我们可以使用 includes() 方法来实现。例如：
const arr = ['Apple', 'Banana', 'Orange'];
if (arr.includes('app', 0)) {
console.log('Found Apple!');
}这段代码将打印 "Found Apple!"，因为 arr 数组中包含了 "Apple" 这个字符串，而 "app" 这个字符串可以在 "Apple" 中找到。
判断 NaN
Javascript 中的 NaN 是一种特殊的值，它表示不是数字。然而，NaN 与任何值、包括它本身，都是不相等的。因此，我们通常需要使用 isNaN() 函数来判断一个值是否为 NaN。 ES8 中的 includes() 方法也能判断一个值是否为 NaN。例如：
const arr = [1, NaN, 3]; arr.includes(NaN); // true
总结
Array.prototype.includes() 方法是一个非常实用的方法，可以用来判断一个数组是否包含了一个特定的元素。在实际开发中，它可以替代一些旧的方法，比如 indexOf()，而且还有一些特殊的应用场景，比如模糊搜索和判断 NaN 值。因此，我们应该熟练掌握该方法，并在实际应用中加以利用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aaa18648841e98946b7de7