JS对象数组去重的3种方法

最新推荐文章于 2024-08-05 11:08:01 发布

lq_20101224

最新推荐文章于 2024-08-05 11:08:01 发布

阅读量211

点赞数

分类专栏： js 文章标签： javascript

原文链接：https://www.jb51.net/article/217520.htm

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1.使用filter和Map 🌟🌟🌟🌟🌟

function uniqueFunc(arr, uniId){
  const res = new Map();
  return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
}

2.使用reduce 🌟🌟🌟🌟

function uniqueFunc2(arr, uniId){
  let hash = {}
  return arr.reduce((accum,item) => {
    hash[item[uniId]] ? '' : hash[item[uniId]] = true && accum.push(item)
    return accum
  },[])
}

3.使用for循环 🌟🌟🌟

function uniqueFunc3(arr, uniId){
  let obj = {}
  let tempArr = []
  for(var i = 0; i<arr.length; i++){
    if(!obj[arr[i][uniId]]){
      tempArr.push(arr[i])
      obj[arr[i][uniId]] = true
    }
  }
  return tempArr
}

结论：filter和Reduce时间上差别不是太大，filter稍微更快一些，但是filter语法更简洁

转载链接