类数组对象去重（保持唯一id值）

最新推荐文章于 2023-08-17 17:09:48 发布

原创最新推荐文章于 2023-08-17 17:09:48 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #vue.js #html5 #es6

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现数组去重的方法。通过合并两个数组并利用对象存储ID判断重复，最终返回不含重复元素的新数组。这种方法高效且易于理解。

<script>
    const a =[
      {id: "1", name: "a"},
      {id: "2", name: "b"},
      {id: "1", name: "c"}
    ]
    const b =[
      {id: "4", name: "q"},
      {id: "3", name: "b"},
      {id: "6", name: "c"}
    ]
    const c = deleteRe(a,b)
    console.log(c)
    function deleteRe(a, b) {
      //合并成一个数组
      var c = a.concat(b), 
      // 用于id判断重复
      temp = {}, 
      //最后的新数组
      result = []; 
      //遍历c数组，将每个item.id在temp中是否存在值做判断，
      c.map((item, index) => {
        if (!temp[item.id]) {
          result.push(item);
          temp[item.id] = true
        }
      })
      return result
    }
  </script>