JS数组去重

缺乏、安全感 2022-03-25 02:56 282阅读 0赞

[数组去重方法][Link 1]

**简单数组去重：**

{
          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的好处就是返回的是首次出现的位置，这样后面即使出现的值一样，也只能返回第一次出现的索引，当然这个只适用于简单的数组

**对象数组去重：**

结果为:

[{
            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'
          }]

**两个数组之间去重：**

结果为：

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

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

来源：[https://segmentfault.com/a/1190000017931539][https_segmentfault.com_a_1190000017931539]

[Link 1]: http://www.jqhtml.com/24318.html
[https_segmentfault.com_a_1190000017931539]: https://segmentfault.com/a/1190000017931539