数组去重的n种方式

1.for循环

let arr1 = ['11','22','22','33','33','44']
let result = []
arr1.forEach(it=>{
  if(result.indexOf(it) === -1) {
      result.push(it)
  }
})
console.log(result) // ['11', '22', '33', '44']
let arr1 = [{id:11,name:'aa'},{id:11,name:'bb'},{id:22,name:'cc'},{id:22,name:'dd'},{id:33,name:'ee'}]
let result = []
 arr1.forEach(it=>{
   if(result.findIndex(obj => obj.id === it.id) === -1) {
       result.push(it)
   }
 })
console.log(result) // [{"id": 11,"name": "aa"},{"id": 22,"name": "cc"},{"id": 33,"name": "ee"}]

2.reduce

let arrList = [1,2,2,3,3,4,5];

let list = arrList.reduce((prev,cur)=>{
	if(prev.indexOf(cur) === -1) {
     	prev.push(cur)
    }
    return prev
},[])

console.log(list) // [1, 2, 3, 4, 5]

let arrList = [
        {id:'111',name:'aaaa'},
        {id:'222',name:'bbbb'},
        {id:'111',name:'cccc'},
        {id:'333',name:'dddd'},
        {id:'444',name:'eeee'},
        {id:'333',name:'ffff'},
    ];

    let obj = {}
    let list = arrList.reduce((prev,cur)=>{
     if(!obj[cur.id]) {
         obj[cur.id] = true;
         prev.push(cur)
     }
      return prev
    },[]);
    
    console.log(list)
    /**  [ 
     *    {id: '111', name: 'aaaa'},
     *    {id: '222', name: 'bbbb'},
     *    {id: '333', name: 'dddd'},
     *    {id: '444', name: 'eeee'}
     *   ]
     */  

3. set

const arr = ["aa","js","html","js","css","html"];

const result = [...new Set(arr)];

console.log(result); // ['aa', 'js', 'html', 'css'];

4.filter与map

let arr1 = [{id:11,name:'aa'},{id:11,name:'bb'},{id:22,name:'cc'},{id:22,name:'dd'},{id:33,name:'ee'}]

let result = []

let map = new Map()
 
result = arr1.filter(item => !map.has(item.id) && map.set(item.id,true))

 console.log(result) // [{"id": 11,"name": "aa"},{"id": 22,"name": "cc"},{"id": 33,"name": "ee"}]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值