JS數(shù)組去重

derek_334892 發(fā)布于2019-08-23 14:47 / 452人閱讀

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

簡單數(shù)組去重：

    {
      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根據(jù)indexOf去重，indexOf的好處就是返回的是首次出現(xiàn)的位置，這樣后面即使出現(xiàn)的值一樣，也只能返回第一次出現(xiàn)的索引，當然這個只適用于簡單的數(shù)組

對象數(shù)組去重：

     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"
      }]

兩個數(shù)組之間去重：

   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"
    }]

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

云服務器 GPU云服務器數(shù)組去重數(shù)組去重二維數(shù)組去重 php數(shù)組去重

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

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

JS數(shù)組去重總結

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

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

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

PascalXie 2019-08-22 15:42 評論0 收藏0
js基本操作-數(shù)組去重

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

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

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

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

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

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