vue合并两个数组并去重
时间: 2023-09-01 17:11:25 浏览: 47
可以使用 ES6 中的 Set 和扩展运算符来实现数组合并去重:
```javascript
let arr1 = [1, 2, 3];
let arr2 = [2, 3, 4];
let result = [...new Set([...arr1, ...arr2])];
console.log(result); // [1, 2, 3, 4]
```
首先使用扩展运算符将两个数组合并成一个新数组,然后使用 Set 对新数组去重,最后再将 Set 转为数组即可。
相关问题
vue 两个数组对象去重
可以使用 JavaScript 的 Set 数据结构来实现两个数组对象的去重。具体步骤如下:
1. 将两个数组合并成一个新数组。
2. 使用 Set 对新数组进行去重,生成一个新的 Set 对象。
3. 将新的 Set 对象转换回数组形式,得到去重后的数组。
代码示例:
```javascript
const arr1 = [{id: 1, name: '张三'}, {id: 2, name: '李四'}];
const arr2 = [{id: 2, name: '李四'}, {id: 3, name: '王五'}];
const mergedArr = [...arr1, ...arr2]; // 合并两个数组
const set = new Set(mergedArr.map(item => JSON.stringify(item))); // 使用 Set 去重
const uniqueArr = Array.from(set).map(item => JSON.parse(item)); // 将 Set 转换回数组形式
console.log(uniqueArr); // [{id: 1, name: '张三'}, {id: 2, name: '李四'}, {id: 3, name: '王五'}]
```
这里使用了 `JSON.stringify()` 和 `JSON.parse()` 方法将对象转换为字符串再进行去重操作,因为 Set 无法直接去重对象类型。
vue数组去重合并数组
您好!请问您需要实现的是两个数组的合并去重,还是多个数组的合并去重呢?以下是一些可能适用的方法:
1. ES6 Set
使用ES6中的Set数据结构可以方便地实现数组去重,然后将去重后的数组再与另一个数组进行合并即可:
```javascript
let arr1 = [1,2,3];
let arr2 = [2,3,4];
let set = new Set([...arr1, ...arr2]);
let result = Array.from(set);
console.log(result); // [1,2,3,4]
```
2. filter方法
通过Array.prototype.filter()方法可以实现数组去重,然后将去重后的数组再与另一个数组进行合并:
```javascript
let arr1 = [1,2,3];
let arr2 = [2,3,4];
let result = arr1.concat(arr2.filter(item => !arr1.includes(item)));
console.log(result); // [1,2,3,4]
```
3. lodash库
lodash是一个常用的JavaScript工具库,它提供了很多方便实用的方法,其中就包括数组去重和合并:
```javascript
let arr1 = [1,2,3];
let arr2 = [2,3,4];
let result = _.union(arr1, arr2);
console.log(result); // [1,2,3,4]
```
希望这些方法能对您有所帮助!