JS数组操作：交集、差集、并集、补集的多种实现

"这篇文章主要介绍了如何使用JavaScript计算两个数组的交集、差集、并集和补集，提供了两种常见的实现方法，并且还扩展了数组的一些功能，方便进行这些操作。" 在JavaScript中处理数组的交集、差集、并集和补集是常见的数据处理需求。下面将详细介绍这两种实现方式。 1. 最普遍的做法 这种方法基于ES5语法，兼容性较好，不依赖额外的库。 - 交集：通过`filter()`方法筛选出同时存在于两个数组中的元素，使用`indexOf()`检查元素是否存在于另一个数组。 ```javascript var c = a.filter(function(v) { return b.indexOf(v) > -1 }); ``` - 差集：同样使用`filter()`方法，但检查元素是否只存在于第一个数组中。 ```javascript var d = a.filter(function(v) { return b.indexOf(v) === -1 }); ``` - 补集：这是两个数组中互不存在的元素集合，需要分别筛选出仅在A和B中存在的元素，然后使用`concat()`合并。 ```javascript var e = a.filter(function(v) { return !(b.indexOf(v) > -1) }) .concat(b.filter(function(v) { return !(a.indexOf(v) > -1) })); ``` - 并集：获取所有元素，去除重复项，可以通过先合并A中B没有的元素，再合并B中A没有的元素得到。 ```javascript var f = a.concat(b.filter(function(v) { return !(a.indexOf(v) > -1) })); ``` 2. 数组功能扩展 为了简化操作，可以扩展数组对象，添加自定义方法。这里展示了`each()`和`contains()`两个方法。 - 数组迭代函数 `each()`：用于遍历数组，执行传入的函数并对每个元素进行处理。如果返回值非`null`，则将其添加到结果数组中。 ```javascript Array.prototype.each = function(fn) { fn = fn || Function.K; var a = []; var args = Array.prototype.slice.call(arguments, 1); for (var i = 0; i < this.length; i++) { var res = fn.apply(this, [this[i], i].concat(args)); if (res != null) a.push(res); } return a; }; ``` - 判断数组是否包含指定元素 `contains()`：检查元素是否存在于数组中。 ```javascript Array.prototype.contains = function(item) { for (var i = 0; i < this.length; i++) { if (this[i] === item) return true; } return false; }; ``` 使用这些扩展方法，可以更简洁地计算交集、差集、并集和补集。例如，计算交集： ```javascript var c = a.each(function(v) { return b.contains(v); }); ``` 通过了解这些JavaScript数组操作的方法，开发者可以更高效地处理数组数据，特别是在进行数据过滤、筛选等操作时。这些基础概念对于前端开发人员来说至关重要，能够提高代码的可读性和效率。