ES7 的 Array.prototype.include 使用详解
在 ES7 中，Array.prototype.include 是一个非常实用的数组方法，它可以快速地确定一个元素是否存在于数组中。本文将详细介绍这个方法的使用方法和实际应用。
一、Array.prototype.include 的语法
Array.prototype.include 的语法如下：
arr.include(value)
其中，arr 是要进行判断的数组，value 是要判断的值。如果该值存在于数组中，返回 true；反之，返回 false。
二、Array.prototype.include 的示例
我们来看一个简单的示例：
const arr = [1, 2, 3, 4, 5]; console.log(arr.include(3)); // true console.log(arr.include(6)); // false
在这个示例中，我们首先创建了一个包含 1 到 5 的整数的数组 arr。然后，我们使用 include 方法来判断数组中是否包含数字 3 和数字 6。由于数字 3 存在于数组中，因此第一个 console.log 语句会输出 true；而数字 6 并不在数组中，因此第二个 console.log 语句会输出 false。
除了数字，我们也可以使用 include 方法来判断字符串是否存在于数组中。例如：
const arr = ['apple', 'banana', 'orange'];
console.log(arr.include('banana')); // true
console.log(arr.include('pear')); // false在这个示例中，我们创建了一个包含三种水果的数组 arr。然后，我们使用 include 方法来判断数组中是否包含字符串 'banana' 和 'pear'。由于 'banana' 存在于数组中，因此第一个 console.log 语句会输出 true；而 'pear' 并不在数组中，因此第二个 console.log 语句会输出 false。
三、Array.prototype.include 的深度应用
除了简单的判断是否存在，Array.prototype.include 还可以用于一些深度的应用。下面我们来看两个实际的应用。
- 判断数组中是否包含对象
假设我们有一个包含多个对象的数组，每个对象都有一个唯一的 id 属性。我们现在需要判断该数组中是否包含 id 为 3 的对象。我们可以使用 include 方法来实现：
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' },
{ id: 4, name: 'David' },
{ id: 5, name: 'Eve' },
];
console.log(arr.include({ id: 3 })); // false在这个示例中，我们创建了一个包含五个对象的数组 arr。然后，我们使用 include 方法来判断数组中是否包含 id 为 3 的对象。由于 include 方法是使用严格相等运算符来比较元素的，而严格相等运算符对于两个不同的对象始终返回 false，因此上述代码输出 false。
为了实现正确的判断，我们需要使用 find 方法来查找 id 为 3 的对象：
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' },
{ id: 4, name: 'David' },
{ id: 5, name: 'Eve' },
];
console.log(arr.find(item => item.id === 3)); // { id: 3, name: 'Charlie' }在这个示例中，我们使用 find 方法来查找 id 为 3 的对象。由于 find 方法是使用全等运算符来比较元素的，因此上述代码输出 { id: 3, name: 'Charlie' }。
- 判断数组中是否包含重复元素
假设我们有一个包含多个整数的数组，我们需要判断该数组中是否包含重复元素。我们可以使用 Set 数据结构来实现：
const arr = [1, 2, 3, 4, 5, 3]; console.log(arr.length !== new Set(arr).size); // true
在这个示例中，我们创建了一个包含六个整数的数组 arr。然后，我们使用 Set 数据结构来去重，再使用 size 属性来获取去重后的元素个数。由于数组中包含重复元素，因此去重后的元素个数小于数组长度，因此上述代码输出 true。
四、总结
Array.prototype.include 是一个非常实用的数组方法，它可以快速地确定一个元素是否存在于数组中。在实际应用中，我们可以使用 include 方法来判断数字、字符串、对象等元素是否存在于数组中，也可以使用 Set 数据结构来判断数组中是否包含重复元素。在使用 include 方法时，需要注意使用严格相等运算符来比较元素的特点，避免出现误判的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655883a5d2f5e1655d2b22b8