js数组对象合并并去重
时间: 2024-09-24 15:16:58 浏览: 42
在JavaScript中,可以使用多种方法将两个或更多数组合并并去除其中的重复元素。以下是几种常见的方式:
1. **ES6 Set** 和 **Spread Operator**:
```javascript
function mergeAndDeDupe(arr1, arr2) {
return [...new Set([...arr1, ...arr2])];
}
```
`Set` 数据结构自动去除重复项,然后通过扩展运算符(`...`)将其转换回数组。
2. **Array.concat() + filter()**:
```javascript
function mergeAndDeDupe(arr1, arr2) {
return arr1.concat(arr2).filter((value, index, self) => {
return self.indexOf(value) === index;
});
}
```
首先使用 `concat()` 合并数组,然后使用 `filter()` 函数过滤出第一次出现的元素。
3. **lodash库的_.uniqBy() 或 _.union()** (如果项目已引入lodash库):
```javascript
const _ = require('lodash');
function mergeAndDeDupe(arr1, arr2) {
return _.uniqBy(_.union(arr1, arr2), 'itemValue'); // 假设 itemValue 是唯一标识
}
```
使用 lodash 库中的函数可以直接处理数组合并和去重问题。
4. **传统for循环**:
```javascript
function mergeAndDeDupe(arr1, arr2) {
let merged = [];
for (let i of arr1) {
if (!merged.includes(i)) {
merged.push(i);
}
}
for (let j of arr2) {
if (!merged.includes(j)) {
merged.push(j);
}
}
return merged;
}
```
这种方式需要手动遍历数组检查元素是否存在。
阅读全文