假設(shè)我們有數(shù)組arr，并且聲明新數(shù)組hash用來存放去重后的元素：

var arr = [23,44,5,2,23,5,1,7,8,7]; //包含重復(fù)元素

var hash= []; //聲明新數(shù)組

以下是數(shù)組去重常見的幾個(gè)方法

1.遍歷數(shù)組使用indexOf去重

思路：新數(shù)組中若該項(xiàng)的下標(biāo)為-1，則表示新數(shù)組中沒有找到，就可以將該項(xiàng)放入新數(shù)組中。

arr.forEach(item=>{

if(hash.indexOf(item) == '-1'){

hash.push(item);

}

})

console.log(hash); //[23, 44, 5, 2, 1, 7, 8]

2.遍歷數(shù)組使用indexOf去重

思路：若該項(xiàng)的下標(biāo)和該項(xiàng)在數(shù)組的下標(biāo)相同，則放入新數(shù)組。不是則過濾掉。

注：【indexOf()方法可以返回某個(gè)指定字符串在字符串中首次出現(xiàn)的位置】

比如：console.log(arr.indexOf(23)); ??? //0

'23' 首次出現(xiàn)的位置是數(shù)組中的第一個(gè)，即下標(biāo)為0

arr.forEach((item,index)=>{

if(arr.indexOf(item) == index){

hash.push(item);

}

})

3.遍歷數(shù)組使用標(biāo)識(shí)符去重

var obj = {}; //聲明一個(gè)變量標(biāo)識(shí)

arr.forEach(item=>{

if(!obj[item]){

obj[item] = true;

hash.push(item)

}

})

4.sort排序后遍歷過濾數(shù)組

思路：先給數(shù)組排序，這樣相同的項(xiàng)總是相鄰。然后遍歷數(shù)組和前一個(gè)對(duì)比，不相等就放入新數(shù)組中。(只針對(duì)排序后的)

var hash = [arr[0]];

arr.forEach((item,index)=>{

if(item != hash[hash.length-1]){

hash.push(item)

}

})

5.ES6實(shí)現(xiàn)

思路：ES6提供了新的數(shù)組結(jié)構(gòu)Set。類似于數(shù)組，但是成員的值都是唯一的。

使用擴(kuò)展運(yùn)算符[...]和Set結(jié)構(gòu)相結(jié)合，可以去掉數(shù)組中重復(fù)的元素。

注：[...]擴(kuò)展運(yùn)算符內(nèi)部使用for..of循環(huán)。

Set函數(shù)接收一個(gè)數(shù)組(或者類數(shù)組的對(duì)象)作為參數(shù)，用來初始化。

var hash = new Set(arr);

var newArr = [...hash];

console.log(newArr); //[23, 44, 5, 2, 1, 7, 8]

或者

var newArr = Array.from(hash);

【Array.from它的作用，就是可以把類數(shù)組對(duì)象、可迭代對(duì)象轉(zhuǎn)化為數(shù)組】

總結(jié)

以上是生活随笔為你收集整理的js数组如何按照固定的下标去重_js数组去重方法总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。