如何使用JavaScript高效筛选对象数组中具有重复name属性值的对象？-html教程-PHP中文网

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

碧海醫心

发布： 2025-02-19 20:20:19

原创

855人浏览过

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

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

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

示例数据：

<code class="javascript">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: "广州" },
];</code>

登录后复制

高效筛选方法：

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

立即学习“Java免费学习笔记（深入）”；

标书对比王

标书对比王是一款标书查重工具，支持多份投标文件两两相互比对，重复内容高亮标记，可快速定位重复内容原文所在位置，并可导出比对报告。

查看详情

<code class="javascript">const result = Object.values(arr.reduce((acc, cur) => {
    (acc[cur.name] = acc[cur.name] || []).push(cur);
    return acc;
}, {})).filter(item => item.length > 1).flat();</code>

登录后复制

结果：

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

<code class="javascript">[
  { id: 1, name: "张三", address: "北京" },
  { id: 3, name: "张三", address: "杭州" },
  { id: 6, name: "张三", address: "广州" },
  { id: 2, name: "李四", address: "上海" },
  { id: 5, name: "李四", address: "厦门" }
]</code>

登录后复制

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

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