数组 去除重复项你知道几种呢?

1,594 阅读1分钟

数组去重的方法

  • 第一种方法

Array.from方法可以将Set结构转为数组

let items = new Set([1, 2, 3, 4, 5]);
let array = Array.from(items);

这就是提供了一种数据去重的方法

function uniq(array) {
  return Array.from(new Set(array));
}
uniq([1, 2, 3, 3])  //[1, 2, 3]

  • 第二种方法

运用扩展运算符(…)提供了一种更便捷的去重方法

let arr = [2, 3, 3, 5, 6, 2];
let uniq = [...new Set(arr)];
//[2, 3, 5, 6]

  • 第三种方法

这是一种原生JS的去重方法,借助一个空数组来实现去重,便于理解底层原理(xyz函数带有参数)

function xyz(arr) {
  let a= [];
  arr.forEach((item,index) => {
    a.indexOf(item) ===-1 ? a.push(item) : ''
  })
  return a;
}
console.log(xyz([1,2,3,2,3]));
//[1, 2, 3]

  • 第四种方法

同上(xyz函数不带参数)
拓展:需要注意的一点就是此函数可以传多个数组,但是要看arguments[index]
决定执行哪个数组,默认是执行第一个。

function xyz() {
  let a= [];
//  Array.from(arguments[0]).forEach((item,index) => {
//    a.indexOf(item) ===-1 ? a.push(item) : ''
// })
//  Array.prototype  可以换成[]
Array.prototype.forEach.call(arguments[1], (item,index) => {
   a.indexOf(item) ===-1 ? a.push(item) : ''
})
  return a;
}
console.log(xyz([1,2,3,2,3],[2,2,1]));
//[1, 2, 3]

  • 第五种方法

这是一种基于数组原型链的去重方法

Array.prototype.uniq = function() {
  let a= [];
    this.forEach((item,index) => {
      a.indexOf(item) ===-1 ? a.push(item) : ''
    })
    return a;
}
console.log([1,2,1,3].uniq());
//[1, 2, 3]

这么多方法你知道哪几种呢?

如需转载请注明转载处:牧码人keephhh
www.keephhh.com/