js中常用数组去重方法

js中常用去重方法

一、使用 Set

ES6 提供了 Set 类型，它可以自动去重

const arr = [1, 2, 2, 3, 3, 4];
const newArr = Array.from(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) => {
  return arr.indexOf(item) === index;
});
console.log(newArr); // [1, 2, 3, 4]

三、使用 reduce 方法

const arr = [1, 2, 2, 3, 3, 4];
const newArr= arr.reduce((acc, cur) => {
  if (!acc.includes(cur)) {
    acc.push(cur);
  }
  return acc;
}, []);
console.log(newArr); // [1, 2, 3, 4]

四、使用对象键值对

const arr = [1, 2, 2, 3, 3, 4];
const obj = {};
//f方式1
//const newArr= arr.filter((item) => {
//  return obj.hasOwnProperty(item) ? false : (obj[item] = true);
//});

//方式2
arr.forEach(item=>obj[item] = item)
const newArr= Object.keys(obj)  //Object.values(obj)

console.log(newArr); // [1, 2, 3, 4]

五、使用 ES6 Map

onst arr = [1, 2, 2, 3, 3, 4];
const map = new Map();
const newArr= arr.filter((item) => !map.has(item) && map.set(item, true));
console.log(newArr); // [1, 2, 3, 4]

六、indexOf

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

七、使用 ES6 的扩展运算符和 Set

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