js两个数组对比 把指定相同值组成一个新数组
时间: 2024-09-11 14:19:12 浏览: 43
在JavaScript中,将两个数组进行对比,并把相同的值组成一个新数组,可以通过多种方式实现。这里提供一个简单的方法,使用`filter`方法配合`indexOf`方法来找出两个数组中共同的元素。
假设我们有两个数组`arr1`和`arr2`,我们想要找出它们共有的元素并组成一个新数组`commonElements`。以下是一个示例代码:
```javascript
// 假设这是两个数组
let arr1 = [1, 2, 3, 4, 5];
let arr2 = [3, 4, 5, 6, 7];
// 使用filter方法过滤出arr1中也存在于arr2的元素
let commonElements = arr1.filter(item => arr2.indexOf(item) > -1);
// 输出共同元素组成的数组
console.log(commonElements); // 输出结果为 [3, 4, 5]
```
这段代码中,`filter`方法会遍历数组`arr1`中的每个元素,并使用回调函数来判断每个元素是否应该被包含在新数组中。回调函数中的`indexOf`方法用于检查当前元素在`arr2`中的索引位置,如果该元素在`arr2`中的索引位置大于-1,说明`arr2`也包含该元素,因此这个元素就被包含在了新数组`commonElements`中。
需要注意的是,`indexOf`方法的时间复杂度是O(n),如果数组很大,这个操作可能会比较慢。在某些情况下,可以使用更高效的方法,比如使用`Set`来减少查找时间:
```javascript
// 将其中一个数组转换为Set,这样可以加快查找速度
let set2 = new Set(arr2);
// 然后过滤出同时存在于Set中的arr1元素
let commonElements = arr1.filter(item => set2.has(item));
// 输出共同元素组成的数组
console.log(commonElements); // 输出结果为 [3, 4, 5]
```
在使用Set的情况下,`has`方法的时间复杂度是O(1),因此这种方法对于较大的数组来说更加高效。
阅读全文