如何使用JavaScript高效筛选对象数组中具有重复name属性值的对象?

碧海醫心
发布: 2025-02-19 20:20:19
原创
793人浏览过

如何使用JavaScript高效筛选对象数组中具有重复name属性值的对象?

javascript对象数组去重:筛选重复name属性值的对象

本文介绍如何使用JavaScript高效地从对象数组中筛选出具有重复name属性值的对象。 如果某个对象的name属性值在数组中出现多次,则保留所有具有该name值的对象;如果name属性值唯一,则将其删除。

示例数据:

const arr = [
    { id: 1, name: "张三", address: "北京" },
    { id: 2, name: "李四", address: "上海" },
    { id: 3, name: "张三", address: "杭州" },
    { id: 4, name: "王五", address: "深圳" },
    { id: 5, name: "李四", address: "厦门" },
    { id: 6, name: "张三", address: "广州" },
];
登录后复制

高效筛选方法:

以下代码利用reduce和filter方法实现高效筛选:

立即学习Java免费学习笔记(深入)”;

const result = Object.values(arr.reduce((acc, cur) => {
    (acc[cur.name] = acc[cur.name] || []).push(cur);
    return acc;
}, {})).filter(item => item.length > 1).flat();
登录后复制

结果:

该代码将返回以下数组,包含所有具有重复name属性值的对象:

[
  { id: 1, name: "张三", address: "北京" },
  { id: 3, name: "张三", address: "杭州" },
  { id: 6, name: "张三", address: "广州" },
  { id: 2, name: "李四", address: "上海" },
  { id: 5, name: "李四", address: "厦门" }
]
登录后复制

这段代码首先使用reduce方法将数组转换为一个对象,对象的键为name属性值,值为包含所有具有该name属性值的对象的数组。然后,使用Object.values方法将对象转换为数组。最后,使用filter方法筛选出长度大于1的数组(即具有重复name属性值的对象数组),并使用flat方法将嵌套数组展平成一个单层数组。

以上就是如何使用JavaScript高效筛选对象数组中具有重复name属性值的对象?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号