vue 数组去重方法

Vue.js 中处理数组去重通常有两种常见的方式：

1. **利用 `Set` 对象**:
Vue 的 `watch` 或者 ` computed` 可以结合 `Set` 数据结构来去重。`Set` 是一种特殊的 JavaScript 集合，其中的元素都是唯一的，没有重复值。创建一个 `Set`，然后将数组转换成 `Set`，再转回数组即可实现去重。

data() {
  return {
    arr: [1, 2, 3, 2, 4, 1]
  }
},
computed: {
  uniqueArr: {
    get() {
      return [...new Set(this.arr)];
    },
    set(value) {
      this.arr = value;
    }
  }
}

2. **使用 `filter` 方法**:
利用 `filter()` 方法配合判断条件也可以达到去重效果，比如检查新旧值是否相等。

methods: {
  removeDuplicates(arr) {
    return arr.filter((item, index, self) => {
      return self.indexOf(item) === index;
    });
  }
},
mounted() {
  this.uniqueArr = this.removeDuplicates(this.arr);
}

相关问题

vue3数组去重方法

Vue 3 中可以使用 ES6 的 Set 数据结构对数组进行去重，也可以使用 filter 方法结合 indexOf 方法实现去重。

使用 Set 数据结构：

const arr = [1, 2, 2, 3, 3, 4];
const newArr = [...new Set(arr)];
console.log(newArr); // [1, 2, 3, 4]

使用 filter 方法：

const arr = [1, 2, 2, 3, 3, 4];
const newArr = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(newArr); // [1, 2, 3, 4]

需要注意的是，Set 数据结构只能去重基本数据类型，对于引用类型的数组需要自定义比较函数进行去重。filter 方法结合 indexOf 方法在数组元素较多时性能会较低，建议在数据量较小时使用。

vue数组去重合并数组

您好！请问您需要实现的是两个数组的合并去重，还是多个数组的合并去重呢？以下是一些可能适用的方法：

1. ES6 Set

使用ES6中的Set数据结构可以方便地实现数组去重，然后将去重后的数组再与另一个数组进行合并即可：

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()方法可以实现数组去重，然后将去重后的数组再与另一个数组进行合并：

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工具库，它提供了很多方便实用的方法，其中就包括数组去重和合并：

let arr1 = [1,2,3];
let arr2 = [2,3,4];
let result = _.union(arr1, arr2);
console.log(result); // [1,2,3,4]

希望这些方法能对您有所帮助！