數組 去除重複項的方法 你知道幾種呢？

數組去重的方法

• 第一種方法

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
https://www.keephhh.com/