首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从JS数组中去掉重复的子对象数组?

从JS数组中去掉重复的子对象数组可以通过以下步骤实现:

  1. 首先,遍历原始数组,将每个子对象转换为字符串形式,以便比较。
  2. 创建一个空对象或集合,用于存储已经出现过的子对象字符串。
  3. 创建一个新的数组,用于存储去重后的子对象数组。
  4. 遍历原始数组,对于每个子对象,将其转换为字符串形式,并检查是否已经存在于存储对象中。
  5. 如果子对象字符串不存在于存储对象中,则将其添加到存储对象中,并将原始子对象添加到新数组中。
  6. 最后,返回新数组作为结果,即为去重后的子对象数组。

以下是一个示例代码:

代码语言:txt
复制
function removeDuplicateSubArrays(arr) {
  const seen = {}; // 存储已经出现过的子对象字符串
  const result = []; // 存储去重后的子对象数组

  for (let i = 0; i < arr.length; i++) {
    const subArrayString = JSON.stringify(arr[i]); // 将子对象转换为字符串形式

    if (!seen[subArrayString]) {
      seen[subArrayString] = true; // 将子对象字符串添加到存储对象中
      result.push(arr[i]); // 将原始子对象添加到新数组中
    }
  }

  return result;
}

// 示例用法
const originalArray = [
  [{ id: 1 }, { id: 2 }],
  [{ id: 1 }, { id: 2 }],
  [{ id: 3 }, { id: 4 }],
  [{ id: 1 }, { id: 2 }],
];

const uniqueArray = removeDuplicateSubArrays(originalArray);
console.log(uniqueArray);

这段代码将输出去重后的子对象数组:

代码语言:txt
复制
[
  [{ id: 1 }, { id: 2 }],
  [{ id: 3 }, { id: 4 }]
]

这种方法通过将子对象转换为字符串形式,并利用对象的键的唯一性来去重。请注意,这种方法对于包含复杂对象或嵌套数组的情况可能不适用,因为JSON.stringify()方法可能无法正确处理这些情况。在实际应用中,可能需要根据具体情况进行适当的修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • JS中特殊的对象-数组

    前言 之前学习的数据类型,只能存储一个值(比如:Number/String)。我想在一个变量中存储多个值,应该如何存储?...所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。...特别注意:JS中不像PHP,没有关联数组. 1.2 获取数组元素 // 格式:数组名[下标] 下标又称索引 // 下标从0开始 // 功能:获取数组对应下标的那个值,如果下标不存在,则返回undefined..."pink"; 1.5 数组操作案例 案例1:求数组中的所有数的和 //求和 var arr = [10, 20, 30, 40, 50]; //定义变量存储和 var sum = 0; for (var...){ console.log(arr[i]); } } 案例4:将数组转为字符串并以 | 分割 //把数组中的每个名字后面拼接一个|然后以字符串的方式输出 var names =

    9.1K00

    js中map遍历数组对象_js遍历数组

    forEach()和map()都是遍历数组的方法,用法类似,但是还是有很大区别: 相同点:       1.都是循环遍历数组中的每一项;       2.在遍历中执行匿名函数都可以接收三个参数,分别为...:遍历过程的每一项、遍历序号(索引值)、原数组;       3.执行的匿名函数中 的this都指向window。...不同点:       map():       根据遍历执行的匿名函数,对于原数组中的每个值产生一个对应的值,并返回一个新的数组,存在一个映射关系,并且不会改变原数组,不会对空数组进行检测。...forEach中的匿名函数使用,对于空数组则不会调用到匿名函数。...:",sum); }) //执行5次,最终结果 10 ** js中 map 遍历数组 ** map 方法会迭代数组中的每一个元素,并根据回调函数来处理每一个元素,最后返回一个新数组。

    19.6K30

    前端基础-JS中特殊的对象(数组)

    第6章 JS中特殊的对象-数组 之前学习的数据类型,只能存储一个值(比如:Number/String)。我们想在一个变量中存储多个值,应该如何存储?...[0]);//undefined 数组的元素可以是任意类型的数据,因此,有时数组中的某个元素的值又是一个数组,而这样的数组被称为多维数组,如果数组中只有其他类型的数据,而没有另外的数组值,这样的数组被称为一维数组...; 通常,数组被嵌套N层,则称为N维数组,最常见的就是二维数组、三维数组、四维数组,超过一维的数组都会被泛称为多维数组; 数组的维度值越大,复杂度就越高,开发中尽量避免产生高维度值的数组; var arr1...= [a,b,c,[d,e,[f,g,[h,t,y]]]]; // 四维数组 6.2 获取数组元素 // 格式:数组名[下标] 下标又称索引 // 下标从0开始 // 功能:获取数组对应下标的那个值,..."pink"; 6.5 数组操作案例 案例1:求数组中的所有数的和 //求和 var arr = [10, 20, 30, 40, 50]; //定义变量存储和 var sum = 0; for (var

    3.1K20

    数组中重复的数字

    题目描述 在一个长度为n的数组里的所有数字都在0到n-1的范围内。 数组中某些数字是重复的,但不知道有几个数字是重复的。也不知道每个数字重复几次。请找出数组中任意一个重复的数字。...例如,如果输入长度为7的数组{2,3,1,0,2,5,3},那么对应的输出是第一个重复的数字2。 解题思路 最简单的就是用一个数组或者哈希表来存储已经遍历过的数字,但是这样需要开辟额外的空间。...如果题目要求不能开辟额外的空间,那我们可以用如下的方法: 因为数组中的数字都在0~n-1的范围内,所以,如果数组中没有重复的数,那当数组排序后,数字i将出现在下标为i的位置。...现在我们重排这个数组,从头到尾扫描每个数字,当扫描到下标为i的数字时,首先比较这个数字(记为m)是不是等于i。...如果是,则接着扫描下一个数字;如果不是,则再拿它和m 位置上的数字进行比较,如果它们相等,就找到了一个重复的数字(该数字在下标为i和m的位置都出现了),返回true;如果它和m位置上的数字不相等,就把第

    2.1K30

    JS 函数中的 arguments 类数组对象

    1. arguments 介绍 2. arguments 转为数组 3. 箭头函数中没有 arguments 1. arguments 介绍 众所周知,js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象,不是一个真正的数组...', 'css', 'js']) 通过打印结果可以发现,arguments 的原型是 Object,而数组的原型是 Array 那么关于 arguments 是什么 ?...这里做下总结 arguments 是类数组对象(伪数组),即不是一个真正的数组,而是一个对象。...它有 length 属性,并且可以通过下标获取元素,但是它不能调用数组方法,就是因为它不是真正的数组,这一点可以通过查看它的原型验证 2. arguments 转为数组 arguments 是类数组对象

    5.4K20

    数组中重复的数

    之前有写过 找出数组中只出现一次的数,今天再来看下怎么找出数组中重复出现的数。 有一个长度为 n 的数组,所有的数字都在 0~n-1 的范围,现在要求找出数组中任意一个重复的数字。...思路一: 先给数组排序,然后再遍历一遍有序数组,依次比较相邻元素,就很容易能找出数组中重复的值。使用快排排序的话时间复杂度为 O(nlogn) 。...#arr数组中没有重复元素的情况 #数组长度为7,元素范围为0-6 arr = [0,1,2,3,4,5,6] arr[0] == 0 arr[1] == 1 arr[2] == 2 我们通过一个具体的例子来捋一捋思路...== i,换句话说就是不断的调整数组,使其满足 arr[i] == i,比如数组中第一个元素 arr[0] 为 4 ,那就要把元素 4 放到下标为 4 的位置上去。...推荐文章: 找出数组中只出现一次的数 我给自己配置的第一份保险 每天微学习, 长按加入一起成长.

    1.7K20

    从排序数组中删除重复项

    从排序数组中删除重复项(传送门) 题目: 给定一个排序数组,你需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。...不要使用额外的数组空间,你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。...重要的事情要说三遍。我前期审题了的时候就忽略了“排序”这个词。因为排序好的数组,就意味着[0,1,0,2]这种情况的数组就不存在了。好了,回归正题。我们来分析一下答案为什么要这么写叭。...首先,前面一段,直接判断当数组长度为0的时候,则直接返回0. 其次,当数组正常情况下(即数组是已经排序好了的。)。那么就需要处理多余的数组里的值。...要想解这道题,最主要的是要理解数组对象的存储的数据都是对其他的数据的引用,他存储在各种常量池中。

    6.3K10

    JS中对象转数组案例解析

    以一次实际开发中的实例,将几种对象转数组的方法都试了一遍: // const errorList = Object.keys(error) // console.log('error...就是将一个类数组对象或者可遍历对象转换成一个真正的数组。...所满足的数组限制是: object中必须有length属性,返回的数组长度取决于length长度 .key 值必须是数值 所以这里输出的是空数组 2 .Object.values(object...)(ES8):返回键值的遍历器 tips:与第一种不同的是不需要length属性,返回一个对象所有可枚举属性值 3.Object.keys(object):返回键名的遍历器 tips:返回一个对象的自身可枚举属性组成的数组...,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 4.Object.entries(object)(ES8):返回键值对的遍历器 tips:返回一个给定对象自身可枚举属性的键值对数组

    2.4K30

    js实现两个数组对象,重复的属性覆盖,不重复的添加

    当使用ES5语法时,你可以使用for循环和hasOwnProperty方法来实现两个数组对象的合并,覆盖重复的属性,并添加不重复的属性。...merged 和一个空的属性映射对象 propMap。...然后,通过遍历第一个数组 arr1,将属性添加到 merged 数组中,并在 propMap 对象中以属性的键值作为键,属性对象作为值进行存储。...接下来,遍历第二个数组 arr2,对于每个属性,检查它是否已存在于 propMap 中。如果存在,说明属性是重复的,则找到它在 merged 数组中的位置,并用第二个数组中的属性对象覆盖它。...如果不存在,说明属性是不重复的,直接将属性添加到 merged 数组中。最后,返回合并后的数组 merged。这样就实现了两个数组对象的合并,重复属性被覆盖,不重复属性被添加。

    47510

    JS 数组、对象的深拷贝

    博客地址:https://ainyi.com/72 JavaScript 程序中,对于简单的数字、字符串可以通过 = 赋值拷贝 但是对于数组、对象、对象数组的拷贝,就有浅拷贝和深拷贝之分 浅拷贝就是当改变了拷贝后的数据...b.push(4) a // [1, 2, 3] b // [1, 2, 3, 4] slice() 数组方法 slice() 可从已有的数组中返回选定的元素 那么设置为 0,就是返回整个数组 let...a // { name: 'krry' } b // { name: 'lily' } --- 以上是简单数组、对象的深拷贝方法,但是对于二维数组、对象数组、对象里包含对象,以上方法均达不到深拷贝方法...以上只能达到数组、对象的第一层的==深拷贝==,对于里面的数组或对象属性则是==浅拷贝==,因为里面的内存地址只是拷贝了一份,但都是指向==同一个地址== 所以当改变数组、对象里的数组元素或对象,原数据依然会改变...、undefined、symbol,则经过 JSON.stringify() 序列化后的 JSON 字符串中这个键值对会消失 无法拷贝不可枚举的属性,无法拷贝对象的原型链 拷贝 Date 引用类型会变成字符串

    8.3K30
    领券