5種方法:1、用Set結構和Array.from(),語法「Array.from(new Set(arr))」;2、用Set結構和擴充運算符,語法「[. ..new Set(arr)]」;3、遍歷數組,在迴圈體中利用indexOf()去重等。
本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。
ES6陣列去重的5種方法
#1、Set資料結構與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資料結構與擴充運算子「...」去重
let arr=[1,2,3,3,2,"1",0,1,2]; let newArr=[...new Set(arr)]; console.log(newArr);
3、利用單層循環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、利用陣列的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、利用陣列的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);
【相關推薦:javascript影片教學、web前端】
以上是ES6數組去重的5種方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!