vue两个数组合并删除重复项
时间: 2023-09-03 16:15:23 浏览: 57
可以使用 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 中的元素展开即可得到最终的合并数组。
相关问题
vue两个数组合并去重
Vue 两个数组合并去重可以使用 Set 数据结构和展开运算符 `...` 来实现。具体步骤如下:
1. 先将两个数组合并成一个数组。
```javascript
const a = [1, 2, 3];
const b = [3, 4, 5];
const c = [...a, ...b]; // [1, 2, 3, 3, 4, 5]
```
2. 使用 Set 数据结构去重。
```javascript
const set = new Set(c);
```
3. 将 Set 转换为数组。
```javascript
const d = [...set]; // [1, 2, 3, 4, 5]
```
完整代码如下:
```javascript
const a = [1, 2, 3];
const b = [3, 4, 5];
const c = [...a, ...b]; // [1, 2, 3, 3, 4, 5]
const set = new Set(c);
const d = [...set]; // [1, 2, 3, 4, 5]
console.log(d);
```
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`。