vue两个数组合并删除相同元素
时间: 2023-09-12 14:03:14 浏览: 46
可以使用`concat()`方法将两个数组合并,然后使用`filter()`方法过滤掉相同的元素,最后使用`set()`方法去重。示例代码如下:
```javascript
let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedArr = arr1.concat(arr2).filter((item, index, arr) => arr.indexOf(item) === index);
let uniqueArr = [...new Set(mergedArr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]
```
上述代码先将`arr1`和`arr2`合并成一个数组`mergedArr`,然后使用`filter()`方法过滤掉相同的元素,最后使用`set()`方法去重,得到最终的结果`uniqueArr`。
相关问题
vue 两个数组合并相同元素
可以使用 JavaScript 中的 `filter` 和 `concat` 方法来实现两个数组合并相同元素:
```javascript
let arr1 = [1, 2, 3, 4];
let arr2 = [3, 4, 5, 6];
let result = arr1.filter(item => arr2.includes(item)).concat(arr2);
console.log(result); // [3, 4, 5, 6]
```
这里我们首先使用 `filter` 方法过滤出两个数组相同的元素,然后使用 `concat` 方法将过滤出来的元素和原数组 `arr2` 合并成一个新的数组 `result`。
vue两个数组合并删除重复项
可以使用 ES6 中的 Set 数据结构来帮助删除重复项。具体实现如下:
```javascript
const array1 = [1, 2, 3];
const array2 = [2, 3, 4];
const mergedArray = [...new Set([...array1, ...array2])];
console.log(mergedArray); // [1, 2, 3, 4]
```
首先,将两个数组合并成一个新数组,使用数组的扩展运算符 (...) 将数组中的元素展开。然后使用 Set 数据结构来去除重复项,Set 会自动去除重复项,最后再将新的 Set 转换回数组形式,使用扩展运算符 (...) 将 Set 中的元素展开即可得到最终的合并数组。