JS數組去重

derek_334892 發布于2019-08-23 14:47 / 446人閱讀

摘要：簡單數組去重實例根據去重，的好處就是返回的是首次出現的位置，這樣后面即使出現的值一樣，也只能返回第一次出現的索引，當然這個只適用于簡單的數組對象數組去重名稱名稱名稱名稱名稱結果為名稱名稱名稱還可以用來處理，如下名稱名稱名稱名稱名稱結果為名稱

簡單數組去重：

    {
      const a = [1, 3, 4, 1, 5, 2, 6, 7, 8, 3]
      const b = a.filter((item, index, self) => self.indexOf(item) === index)
      console.log(b) //[1, 3, 4, 5, 2, 6, 7, 8]
    }

實例1根據indexOf去重，indexOf的好處就是返回的是首次出現的位置，這樣后面即使出現的值一樣，也只能返回第一次出現的索引，當然這個只適用于簡單的數組

對象數組去重：

     const objArr = [{
        name: "名稱1"
      },{
        name: "名稱2"
      },{
        name: "名稱3"
      },{
        name: "名稱1"
      },{
        name: "名稱2"
      }]

      const obj = {}
      const newObjArr = []
      for(let i = 0; i < objArr.length; i++){
         if(!obj[objArr[i].name]){
          newObjArr.push(objArr[i]);
          obj[objArr[i].name] = true
         }
      }

      console.log(newObjArr)

結果為:

     [{
        name: "名稱1"
      },{
        name: "名稱2"
      },{
        name: "名稱3"
      }]

還可以用reduce來處理，如下：

    const objArr = [{
        name: "名稱1"
      },{
        name: "名稱2"
      },{
        name: "名稱3"
      },{
        name: "名稱1"
      },{
        name: "名稱2"
      }]
      const obj = {}
      const newObjArr =  objArr.reduce((prev, curr)=>{
        obj[curr.name] ? true : obj[curr.name] = true && prev.push(curr);
        return prev
      }, [])
      console.log(newObjArr)

結果為:

     [{
        name: "名稱1"
      },{
        name: "名稱2"
      },{
        name: "名稱3"
      }]

兩個數組之間去重：

   var arr3 = [{
        id: 1,
        name: "lily"
    }, {
        id: 2,
        name: "hz"
    }, {
        id: 3,
        name: "123"
    }, {
        id: 4,
        name: "321"
    }, {
        id: 5,
        name: "aa"
    }]

    var other = [{
        id: 1,
        name: "lily"
    }, {
        id: 2,
        name: "hz"
    }]

    isOther = (x, arr) =>{
      for(var i = 0;i!isOther(item.id, other)));

結果為：

   [{
        id: 3,
        name: "123"
    }, {
        id: 4,
        name: "321"
    }, {
        id: 5,
        name: "aa"
    }]

上面例子中，在數組arr3去除掉跟數組isOther中相同的元素，把不存在在isOther數組中的元素篩選出來

GPU云服務器云服務器數組去重數組去重二維數組去重 php數組去重

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101147.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基本操作-數組去重寫在前面 JavaScript 數組去重經常出現在前端招聘的筆試題里，比如：有數組 var arr = [a, b, c, 1, 0, c, 1, , 1, 0]，請用 JavaScr...

blastz 2019-08-22 11:02 評論0 收藏0
js基本操作-數組去重

摘要：基本操作數組去重數組去重的方法臨時數組保存其實這里面還沒考慮到數組里面嵌套數組對象的情況把去重后的結果放在一個臨時數組中對原來數組的元素與臨時數組元素比較臨時數組中不存在這個元素的放入臨時數組。 js基本操作-數組去重數組去重的方法 1. 臨時數組保存(其實這里面還沒考慮到數組里面嵌套數組/對象的情況) 把去重后的結果放在一個臨時數組中, 對原來數組的元素與臨時數組元素比較, 臨時...

GeekGhc 2019-08-20 14:43 評論0 收藏0
js數組去重方法總結

摘要：注方法可以返回某個指定字符串在字符串中首次出現的位置比如首次出現的位置是數組中的第一個，即下標為遍歷數組使用標識符去重聲明一個變量標識排序后遍歷過濾數組思路先給數組排序，這樣相同的項總是相鄰。假設我們有數組arr，并且聲明新數組hash用來存放去重后的元素： var arr = [23,44,5,2,23,5,1,7,8,7]; //包含重復元素 var hash= [];...

snowLu 2019-08-23 14:55 評論0 收藏0