ES9 的新特性：Array.prototype.includes()

ES9 是 ECMAScript 2018 的简称，它是 JavaScript 语言最新版本中的一部分。ES9 在语言方面新增了很多的特性和语法，其中 Array.prototype.includes() 是一项十分重要的新特性。本文将对 Array.prototype.includes() 进行详细的介绍，并给出应用示例。

什么是 Array.prototype.includes()

Array.prototype.includes() 是一种新的数组方法，它判断一个数组是否包含一个指定的值，并返回 true 或 false。

数组方法

Array.prototype.includes() 是 JavaScript 中的数组方法，表示可以直接调用数组原型对象（Array.prototype）中的该方法。

判断数组是否包含一个值

Array.prototype.includes() 的主要作用是判断一个数组是否包含指定的值。如果包含，返回 true，否则返回 false。

Array.prototype.includes() 方法详解

Array.prototype.includes() 方法的基本用法如下：

let arr = [1, 2, 3, 4, 5];
let result = arr.includes(3);

console.log(result);  // true

可以看到，该方法的第一个参数是需要查找的值，如果找到该值，则返回 true，否则返回 false。

另一个查找起点

Array.prototype.includes() 方法还有一个可选参数，用于指定查找起点的位置。

let arr = [1, 2, 3, 4, 5];
let result = arr.includes(3, 2);

console.log(result);  // true

该示例中，在 arr 数组的从第2个元素开始查找，也就是忽略第一个元素 1，从第二个元素 2 开始查找是否包含值 3。

使用 includes() 实现数组去重

Array.prototype.includes() 方法是新版本 JavaScript 数组去重的最简单方法之一。示例代码如下：

-- -------------------- ---- -------
--- --- - --- -- -- -- -- -- -- -- -- ---
--- ------ - ---
--- ---- - - -- - - ----------- ---- -
  -- -------------------------- -
    --------------------
  -
-

--------------------

如果数组中已经包含某个元素，那么包含该元素的相同的元素将被添加到新的数组中。

总结

Array.prototype.includes() 是 ECMAScript 2018 最重要的新特性之一，既简单又实用。使用 Array.prototype.includes() 可以很方便地查找数组中的值并删除重复数据。

如果你希望使用现代 JavaScript 数组方法来有效率地编写代码，那么请尝试使用 Array.prototype.includes() 方法。

希望本文可以对您有所帮助，也请多多关注前端技术的发展与变革。

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