js數組去重方法總結

snowLu 發布于2019-08-23 14:55 / 2508人閱讀

摘要：注方法可以返回某個指定字符串在字符串中首次出現的位置比如首次出現的位置是數組中的第一個，即下標為遍歷數組使用標識符去重聲明一個變量標識排序后遍歷過濾數組思路先給數組排序，這樣相同的項總是相鄰。

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

var arr = [23,44,5,2,23,5,1,7,8,7];    //包含重復元素  
var hash= [];      //聲明新數組

以下是數組去重常見的幾個方法

1.遍歷數組使用indexOf去重

思路：新數組中若該項的下標為-1，則表示新數組中沒有找到，就可以將該項放入新數組中。

arr.forEach(item=>{
    if(hash.indexOf(item) == "-1"){
        hash.push(item);
    }    
})
console.log(hash);    //[23, 44, 5, 2, 1, 7, 8]

2.遍歷數組使用indexOf去重

思路：若該項的下標和該項在數組的下標相同，則放入新數組。不是則過濾掉。
注：【indexOf()方法可以返回某個指定字符串在字符串中首次出現的位置】

比如：console.log(arr.indexOf(23)); ??? //0
"23" 首次出現的位置是數組中的第一個，即下標為0

arr.forEach((item,index)=>{
    if(arr.indexOf(item) == index){
        hash.push(item);
    }
})

3.遍歷數組使用標識符去重

var obj = {};    //聲明一個變量標識
arr.forEach(item=>{
    if(!obj[item]){   
        obj[item] = true;
        hash.push(item)
    }
})

4.sort排序后遍歷過濾數組

思路：先給數組排序，這樣相同的項總是相鄰。然后遍歷數組和前一個對比，不相等就放入新數組中。（只針對排序后的）

var hash = [arr[0]];
arr.forEach((item,index)=>{
    if(item != hash[hash.length-1]){
        hash.push(item)
    }
})

5.ES6實現

思路：ES6提供了新的數組結構Set。類似于數組，但是成員的值都是唯一的。
使用擴展運算符[...]和Set結構相結合，可以去掉數組中重復的元素。
注：[...]擴展運算符內部使用for..of循環。
Set函數接收一個數組（或者類數組的對象）作為參數，用來初始化。

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它的作用，就是可以把類數組對象、可迭代對象轉化為數組】

GPU云服務器云服務器 java數組去重總結 js數組方法 js數組操作方法 js數組取值方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101355.html

JS數組去重總結

摘要：數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。在實際項目中碰到的數組去重，一般都是后臺去處理，很少讓前端處理數組去重。數組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。如果是被提問到，數組去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。在實際項目中碰到的...

whinc 2019-08-02 16:09 評論0 收藏0
JS數組去重方法小結

摘要：數組去重看了網上很多數組去重方法，用的比較常見的大概就幾種，今天想自己來做一個總結。還有就是方法返回的數組也是排序后的數組，某些情況下可能不符合要求。 JS數組去重看了網上很多數組去重方法，用的比較常見的大概就幾種，今天想自己來做一個總結。部分內容參考該博客 1 . 在原數組上操作（基本方法）思路：利用循環嵌套，判斷數組中每個元素與其后面的元素是否相等，如果相等，就使用spli...

PascalXie 2019-08-22 15:42 評論0 收藏0
js數組去重方法分析與總結

摘要：階段該階段主要通過循環遍歷數組從而達到去重的目的多次循環去掉重復元素以下所有方法默認都那拿該數組進行測試結果如下圖可見除了沒有去掉，其他效果都還挺好。數組去重經常被人拿來說事，雖然在工作中不常用，但他能夠很好的考察js基礎知識掌握的深度和廣度，下面從js的不同階段總結一下去重的方法。 ES3階段該階段主要通過循環遍歷數組從而達到去重的目的多次循環去掉重復元素 // 以下所有方法默...

nevermind 2019-08-21 11:53 評論0 收藏0