ECMAScript 2016 是一种脚本语言，可以被用于创建 Web 应用程序，这种语言自从被发布以来已经在全球范围内广泛使用。在 ECMAScript 2016 中，数组是一种常用的数据类型，而数组的操作也是非常常用的。本文将介绍 ECMAScript 2016 中的 Array 扩展，特别是如何进行数组的交集、并集和差集运算。
Array.prototype.includes()
在 ECMAScript 2016 中，Array.prototype.includes() 方法被添加进了数组原型链。这个方法可以查找数组中是否存在指定的元素，并返回布尔值。数组的元素可以是任何类型，包括字符串、数字、布尔值、对象等等。举个例子：
const array = [1, 2, 3, 'four', { name: 'John' }];
console.log(array.includes(2)); // true
console.log(array.includes('four')); // true
console.log(array.includes({ name: 'John' })); // false上面的代码中，首先创建了一个包含多个不同类型元素的数组。接着使用 includes() 方法查找数组中是否包含了 2 和 'four' 两个元素，它们都会返回 true。而包含一个对象则会返回 false，因为 includes() 方法不支持查找对象。
Array.prototype.union()
Array.prototype.union() 方法可以将两个数组合并成一个新的数组，并去除重复的元素。代码实现如下：
Array.prototype.union = function (arr) {
return [...new Set([...this, ...arr])];
};
const array1 = [1, 2, 3];
const array2 = [2, 3, 4];
const unionArray = array1.union(array2);
console.log(unionArray); // [1, 2, 3, 4]上面代码中，首先使用了 ES6 中的 Set 数据结构，去除了两个数组的重复元素。然后使用展开运算符和扩展运算符将两个数组合并，并返回一个新的数组。
Array.prototype.intersect()
Array.prototype.intersect() 方法可以查找两个数组的交集。它会先去除两个数组中的重复元素，再返回它们的交集。代码如下：
Array.prototype.intersect = function (arr) {
return this.filter((value) => arr.includes(value));
};
const array1 = [1, 2, 3];
const array2 = [2, 3, 4];
const intersectArray = array1.intersect(array2);
console.log(intersectArray); // [2, 3]上面代码中，首先使用了 Array.prototype.filter() 方法筛选出了两个数组中共有的元素，并返回了这些元素组成的新数组。
Array.prototype.diff()
Array.prototype.diff() 方法可以查找两个数组的差集。它会先去除两个数组中的重复元素，再返回它们的差集。代码如下：
// javascriptcn.com 代码示例
Array.prototype.diff = function (arr) {
const a = new Set(this);
const b = new Set(arr);
return [...a].filter((value) => !b.has(value));
};
const array1 = [1, 2, 3];
const array2 = [2, 3, 4];
const diffArray = array1.diff(array2);
console.log(diffArray); // [1]上面代码中，首先使用了 Set 数据结构来去除两个数组的重复元素。然后使用展开运算符和扩展运算符将 Set 数据结构转换成了数组，并使用 Array.prototype.filter() 方法筛选出了两个数组不同的元素，并返回这些元素组成的新数组。
在处理数组的交、并、差集运算时，使用这些方法可以简化代码，提高代码的可读性和可维护性。
总结
本文介绍了 ECMAScript 2016 中的 Array 扩展和如何进行数组的交集、并集和差集运算。在以后的开发中可以根据实际需求使用这些方法来处理数组运算。同时也可以发现，使用 ES6 中的新特性可以大大提高代码的简洁性和可读性，提高前端代码的效率和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65361a3c7d4982a6ebdf5648