vue两个数组合并去重
时间: 2023-06-21 11:20:00 浏览: 134
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合并两个数组并去重
可以使用 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 中的 `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`。
阅读全文