JavaScript - 二维数组对象去除完全相同的重复对象（二维数组去重）

已于 2025-01-18 17:34:01 修改
阅读量2.6k 收藏 4
点赞数 3
分类专栏： + JScript 文章标签： javascript html5
于 2021-09-15 14:28:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44198965/article/details/120291560
版权
+ JScript 专栏收录该内容
125 篇文章 ¥9.90 ¥99.00
订阅专栏
这篇博客介绍了如何在JavaScript中去除二维数组中完全相同的对象，提供了实现方法和使用示例，强调了只有两个对象完全相同时才会被去重。

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

前言

如果您需要根据 键名（根据某一属性） 进行去重，请访问 JavaScript - 二维对象数组去重（根据某一属性）

假设有一个 二维数组对象 ，您想去重两个完全相同的对象（只保留一个），如下示例：

在这里插入图片描述

您不难发现，{ id: 1, name: '小王' } ，2 个完全相同，只保留一个是我们的需求。

实现方法

只有

了解本专栏 订阅专栏 解锁全文
JavaScript - 二维对象数组去重（根据某一属性）
王二红
07-26 1657
有时候，我们可能需要数组去重，如果是一维数组，那么直接 ES6 语法即可，如果是二维对象数组则无效了（一维数组去重请访问这篇文章例如以下对象数组，可以看到有两个重复的对象，那么如何根据id（或其他属性）进行判断后去除呢？
2024华为OD机试真题目录汇总 B+C+D卷（484道）（JavaScript语言）
热门推荐
KJ.JK
10-10 5万+
本文是华为OD机试真题（JS 语言）专栏的目录贴（持续更新中…）华为OD是Outsourcing Dispacth模式，是华为和外企德科联合招聘的简称。目前华为大多数是OD招聘。OD模式也是华为提出的一种新的用工形式，每年都会从OD项目挑优秀员工转为正编。所有OD和正式员工一样对待，没有差别，部门平时开会、评审等活动都是一起参加的，是同薪同酬，都是由华为的HR直接定的薪资，看的是我们技术能力。华为是大企业，能到华为上班也是有能力的，每个部门都有好多职位，是金子，在哪都会发光。
js操作两个json数组合并、去重，以及删除某一项元素
10-14
主要介绍了js操作两个json数组合并、去重，以及删除某一项元素,需要的朋友可以参考下
js数组去重：二维数组去重、去除相同的值、移除相同的数组
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-24 1695
js数组去重效果demo
JS 多维数组去重的几种方法
最新发布
weixin_54198987的博客
04-17 606
JS 多维数组去重
js实现二维数组去重
angelia_w的博客
09-05 6858
数组中包含数组，怎么去重？ 比如数组：[[{a:1},{a:1,b:2}],[{a:1}],[{a:1},{a:1,b:2}]] let arr = [[{a:1},{a:1,b:2}],[{a:1}],[{a:1},{a:1,b:2}]] function getUnique(array){ let obj = {} return array.filter((item, ind...
js中二维数组去重
王哈哈的博客
11-29 1354
日常学习
JS二维数组去重
Mo_zifeng的博客
05-16 7314
在网上找了很多的JS二维数组去重的方法，基本上都有Bug，不是去除不完全就是只能根据特定的条件去除，或者去除了非重复元素。项目中需要解决这个问题，所以自己写了一个方法，方便自己也方便他人，本人已测试过很多数据，修复了很多Bug，如果网友发现了Bug，恳请提出，本人再改进。代码如下：var arr = [ [1, 2, 'haha'], [1, 3, 'haha'], ...
Javascript 二维数组去重
MajorMayer
07-26 6107
[[a,1],[b,2],[a,2]] 去除[a,2] 输入一串url 和一个待去除参数，输出筛选后的结果，第二个参数缺省的话，去除重复部分。stripUrlParams('www.codewars.com?a=1&b=2&a=2', ['b']) // returns 'www.codewars.com?a=1'思路是先将querry参数变成二维数组再去重，对象的键值是唯一的，将参数转化为数组后
js 二维数组去重
qq_40214451的博客
06-09 1345
js二维数组去重
js数组去重的方法总结
10-17
在JavaScript编程中，数组去重是一个常见的任务，它指的是从数组中移除重复的元素，保留唯一的值。由于数组的元素可能是数字、字符串，甚至是对象，这就要求去重方法要足够灵活以应对各种情况。以下，我们将根据提供...
在javascript中，如果删除二维数组中重复的元素
10-30
在javascript中，如果删除二维数组中重复的元素
三个数组对象合并去重
01-22
// 序列化方式适用于完全相同的子数组 $result = array_unique($allComments,SORT_REGULAR); print_r($result); // 这里只会移除真正意义上完全一样的记录 // 如果想要根据某个具体字段比如'post_id'来做去重 $...
JavaScript基础题目(附答案)
weixin_44902117的博客
08-19 1905
JavaScript基础题目及其对应的做法.本文是以题目的形式运用js知识点解决问题来提升对js知识点的理解,格式为 题目;方法;原因;缺点(如果方法有缺点的话);实现代码;
JS 二维数组去重
qq_43215246的博客
06-19 4810
华为OD面试题中遇到的二维数组去重
二维数组对象去重
a_diu_diu的博客
06-30 183
二维数组对象去重 原数据： arr: [ [ { prodAttrDataId: 1, attrName: '气瓶规格', prodAttrId: 92, attrValue: '2L铝合金气瓶', }, { prodAttrDataId: 1, attrName: '包装物',
JavaScript 数组：二维数组去重
Jeniclala的博客
08-08 448
哈希法： https://blog.youkuaiyun.com/weixin_34395205/article/details/89133619 function Deduplicate() { let tmp = [ [1, 1, 2], [1, 1, 2], [3, 4, 5] ]; let hash = {}; let res = []; for (let i
二维数组去重，数组对象去重
Allen的博客
10-26 894
结论：filter和Reduce时间上差别不是太大，filter稍微更快一些，但是filter语法更简洁。代码简洁，好用，4行代码搞定，平均耗费时间最短，五星推荐。代码稍多，平均耗费时间和第一不分伯仲，四星推荐。耗费时间较一二稍多，但是耗费时间平均，三星推荐。使用filter和Map 🌟🌟🌟🌟🌟。使用reduce 🌟🌟🌟🌟。for循环 🌟🌟🌟。
v-for2维数组去重
07-24
V-for 是 Vue.js 中用于遍历数据并生成 DOM 结构的一种指令。对于处理二维数组的去重需求，这里提供一种基于 JavaScript 和 Vue 的方法来进行解释。 ### 二维数组去重思路： 1. **将二维数组转一维**：首先需要把原始的二维数组通过某种方式转化为一维数组。例如，如果有一个二维数组 `arr` ，每一行表示一组元素，则可以使用 `.flat()` 方法将其展平成一维数组。 2. **利用 Set 进行去重**：Set 是 ES6 引入的一种数据结构，它只存储唯一的值，因此非常适合用于去除数组中的重复项。创建一个 `new Set()` 并向其中添加展平后的元素，Set 自动会过滤掉重复的元素。 3. **转换回二维数组形式**：得到唯一元素的 Set 后，可以根据原来数组的形状恢复其二维形式。这通常涉及计算出原数组的最大深度，然后根据这个深度重新构造数组。 ### 实现步骤： 假设我们有如下的二维数组 `originalArray`: ```javascript const originalArray = [ ['a', 'b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['a', 'b'] ]; ``` #### 第一步：展平数组 使用 `.flat(Infinity)` 将二维数组变为一维数组： ```javascript const flattenedArray = originalArray.flat(Infinity); ``` #### 第二步：使用 Set 去重 将展平后的数组转换为一个 Set： ```javascript const uniqueSet = new Set(flattenedArray); ``` #### 第三步：重组为二维数组 计算一维数组的长度，根据这一长度以及原二维数组的平均宽度（即每个子数组的平均长度），来重组为二维数组。假设每个子数组的长度大致相等： ```javascript function reshapeTo2D(arr, length) { let result = []; for (let i = 0; i < arr.length; i += length) { result.push(arr.slice(i, i + length)); } return result; } const uniqueFlattenedArray = [...uniqueSet]; // 转换成普通数组以便操作 const dimensionLength = Math.ceil(uniqueFlattenedArray.length / originalArray.length); const finalArray = reshapeTo2D(uniqueFlattenedArray, dimensionLength); console.log(finalArray); // 输出去重后的二维数组 ``` ### 相关问题: 1. 在JavaScript中如何判断两个数组是否完全相等？ 2. Vue.js如何使用v-for循环遍历二维数组？ 3. 解释一下为什么在处理大型数据集时使用Set比使用传统方法更高效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王二红

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值