ES6數(shù)組去重的方法有哪些

這篇文章主要介紹“ES6數(shù)組去重的方法有哪些”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“ES6數(shù)組去重的方法有哪些”文章能幫助大家解決問題。

5種方法：1、用Set結(jié)構(gòu)和Array.from()，語法“Array.from(new Set(arr))”；2、用Set結(jié)構(gòu)和擴展運算符，語法“[...new Set(arr)]”；3、遍歷數(shù)組，在循環(huán)體中利用indexOf()去重等。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

ES6數(shù)組去重的5種方法

1、Set數(shù)據(jù)結(jié)構(gòu)和Array.from()去重

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);

2、Set數(shù)據(jù)結(jié)構(gòu)和擴展運算符“...”去重

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);

3、利用單層循環(huán) + indexOf 去重

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);

4、利用數(shù)組的 includes 方法去重

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);

5、利用數(shù)組的 filter 方法去重

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);

關(guān)于“ES6數(shù)組去重的方法有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。