12

简单数组去重:

    {
      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<arr.length;i++){
         if(x === arr[i].id){
           return true;
         }
      }

      return false;
    }

    console.log(arr3.filter((item)=>!isOther(item.id, other)));

结果为:

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

上面例子中,在数组arr3去除掉跟数组isOther中相同的元素,把不存在在isOther数组中的元素筛选出来


hope93
469 声望18 粉丝

世上无难事,只要肯放弃。。。


« 上一篇
JS中reduce方法