过滤对象数组中有重复值的项

半开半落

于 2022-07-28 12:12:26 发布

阅读量250

点赞数

分类专栏：前端文章标签： javascript vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_44418100/article/details/126032191

版权

前端专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何使用JavaScript通过for循环遍历数组，利用indexOf方法判断元素是否已存在于目标数组中，实现对给定对象数组的去重，并将相同名称的项组合成新的对象列表。最终输出结果仅包含不重复的'姓名'及其对应的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不多说了直接看实例吧

    let arr = [{
      id: 1,
      name: 'lucy'
    }, {
      id: 2,
      name: 'lily'
    }, {
      id: 3,
      name: 'lucy'
    }]
    let d_name = []
    let d_list = []
    for (let i in arr) {
      if (d_name.indexOf(arr[i].name) == -1) {
        d_name.push(arr[i].name);
        d_list.push(arr[i]);
      }
    }
    console.log(d_list)
    //输出结果:
    [{
      id: 1,
      name: 'lucy'
    }, {
      id: 2,
      name: 'lily'
    }]