JavaScript數組去重的總結

Tonny 發布于2019-08-26 11:40 / 805人閱讀

摘要：數組去重方法的總結前言在中數組是比較常用的，本文中總結了下數組去重的幾種常用方法，如有問題，請指正。

JavaScript數組去重方法的總結 前言

在JavaScript中數組是比較常用的，本文中總結了下數組去重的幾種常用方法，如有問題，請指正。

簡單粗暴的一種，ES6中set方法：

var arr = [1,2,2,3,3,4,5,5];
console.log([...new Set(arr)])  //[1, 2, 3, 4, 5]

遍歷數組，建立新數組，利用indexOf()判斷是否存在于新數組中，不存在則push到新數組，最后返回新數組:

function removeSame(arr){
    var ret = [];
    for(var i=0,j=arr.length;i
遍歷數組，利用object對象保存數組值，判斷數組值是否已經保存在object中，未保存則push到新數組并用object[arrayItem]=1的方式記錄保存:
function removeSame(arr){
    var temp = {},ret = [];
    for (var i = 0,j=arr.length;i
根據數組下標判斷法, 遍歷數組，利用indexOf()判斷元素的值是否與當前索引相等，如相等則加入
function removeSame(arr){
    var ret = [];
    arr.forEach(function(ele,index){
        if(arr.indexOf(ele) === index){
            ret.push(ele)
        }
    })
    return ret;
}
var arr3 = ["apple","apple","orange","orange","banana"]
console.log(removeSame(arr3))    //["apple", "orange", "banana"]
數組先進行排序，然后比較原數組與新數組，一頭一尾進行去重:
function deleteSame(arr){
    var ret = [],end;
    debugger;
    arr.sort();   // ["apple","apple","banana","orange","orange",];
    end = arr[0];
    ret.push(arr[0]);
    for(var i = 1; i
利用filter()方法循環對數組中的元素調用callback函數， 如果返回true 保留，如果返回false 過濾掉,  返回新數組，老數組不變
var arr_unique = ["apple","apple","orange","orange","banana"].filter(function(element,index,array){
    return array.indexOf(element) === index;
})
console.log(arr_unique) //["apple", "orange", "banana"]

簡單的總結了6種方法，如有不足請指正，可以繼續補充，大家共同學習。

GPU云服務器云服務器 java數組去重總結數組去重數組去重二維數組去重

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

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

<javaScript> 數組去重的方法總結(2017年)

摘要：現在要求去重下面這個數組測試重復重復方法一測試重復重復去重后測試重復是新加的集合集合中的值不會重復。歡迎大家一起討論提出新的去重方法。有任何錯誤請在評論指出。現在要求去重下面這個數組 [1, 2, 3, 3, 3, 0, 1, 2, 測試, 重復, 重復, NaN, NaN, false, false]; 方法一：ES6 Set() let arr = [1, 2, 3, 3, 3,...

hightopo 2019-08-20 16:32 評論0 收藏0
<javaScript> 數組去重的方法總結(2017年)

摘要：現在要求去重下面這個數組測試重復重復方法一測試重復重復去重后測試重復是新加的集合集合中的值不會重復。歡迎大家一起討論提出新的去重方法。有任何錯誤請在評論指出。現在要求去重下面這個數組 [1, 2, 3, 3, 3, 0, 1, 2, 測試, 重復, 重復, NaN, NaN, false, false]; 方法一：ES6 Set() let arr = [1, 2, 3, 3, 3,...

YanceyOfficial 2019-08-01 16:50 評論0 收藏0
js基本操作-數組去重

摘要：基本操作數組去重寫在前面數組去重經常出現在前端招聘的筆試題里，比如有數組，請用實現去重函數，使得返回作為筆試題，考點有二正確。基本介紹文章主要是對數組去重的常用方法進行介紹。 js基本操作-數組去重寫在前面 JavaScript 數組去重經常出現在前端招聘的筆試題里，比如：有數組 var arr = [a, b, c, 1, 0, c, 1, , 1, 0]，請用 JavaScr...

blastz 2019-08-22 11:02 評論0 收藏0
JavaScript專題之數組去重

摘要：專題系列第三篇，講解各種數組去重方法，并且跟著寫一個前言數組去重方法老生常談，既然是常談，我也來談談。它類似于數組，但是成員的值都是唯一的，沒有重復的值。 JavaScript 專題系列第三篇，講解各種數組去重方法，并且跟著 underscore 寫一個 unique API 前言數組去重方法老生常談，既然是常談，我也來談談。雙層循環也許我們首先想到的是使用 indexOf 來循...

fsmStudy 2019-08-21 15:55 評論0 收藏0
JS專題之數組去重

摘要：將元素作為對象的鍵，默認鍵對應的值為如果對象中沒有這個鍵，則將這個元素放入結果數組中去。前言數組去重在日常開發中的使用頻率還是較高的，也是網上隨便一抓一大把的話題，所以，我寫這篇文章目的在于歸納和總結，既然很多人都在提的數組去重，自己到底了解多少呢。又或者是如果自己在開發中遇到了去重的需求，自己能想到更好的解決方案嗎。這次我們來理一理怎么做數組去重才能做得最合適，既要考慮兼容性，...

only_do 2019-08-26 13:29 評論0 收藏0