JS 利用Map实现数组对象合并 并删除重复数据

最新推荐文章于 2024-06-28 15:02:05 发布
最新推荐文章于 2024-06-28 15:02:05 发布
阅读量568 收藏 8
点赞数 8
文章标签： javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43896125/article/details/135287752
版权 
let arr1 = [
    { label: 'aa', id: 1 },
    { label: 'bb', id: 2 },
    { label: 'cc', id: 3 },
    { label: 'dd', id: 4 },
]
let arr2 = [
    { label: 'bb', id: 2 },
    { label: 'ee', id: 5 },
    { label: 'ff', id: 6 },
]
// 合并arr1 arr2 并删除重复对象
let arr3 = arr1.concat(arr2)
let map = new Map()
// 唯一标识符id
arr3.map(item=>map.set(item.id, item))
arr3 = [...map.values()

在这里插入图片描述

Roottt_
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript如何把两个数组对象合并过程解析
10-16
在JavaScript中，数组对象的合并是一项常见的操作，特别是在处理数据集合时。本篇文章将深入探讨如何将两个数组对象合并，并通过实例代码详细解析其过程。 首先，我们需要理解数组对象的概念。数组对象是包含多个...
js合并两个map
jcyuanshihcwangqiu的博客
04-29 6442
js合并两个map 如何间两个map合并， 代码如下： var a = {"c":44} var b = {"d": "test" } var c = Object.assign(a,b) console.log(c) 运行结果如下 {c: 44, d: "test"}
js合并数组中的多个key相同的map
最新发布
qq_45567515的博客
06-28 151
/ 使用key ‘name’ 合并。js 合并数组中的map。
Map的合并操作
风小猪的博客
08-17 4968
两个Map的合并操作 两个map进行合并有多种方式实现，以下列举出几种常见的合并方式： 方式1：使用map的merge()方法进行合并 public class MergeTwoMaps { public static void main(String[] args) { Map<Integer,Integer> map1 = new HashMap<>(); map1.put(1,1); map1.put(2,2);
map方法，合并两个数组对象形成一个数组对象
qq_42778675的博客
03-10 403
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
在Vue.js开发中，处理对象数组并根据特定属性进行数据合并和重组是常见的需求。本问题探讨了如何根据`TYPE`和`REMARK`两个属性的值来决定是否合并对象，并生成新的数组对象。首先，我们需要理解源数据的结构，然后...
js实现json数组分组合并操作示例
10-17
本示例探讨的是如何使用JavaScript实现JSON数组的分组合并操作，这对于数据处理和分析尤其有用。下面将详细解释这个示例中的关键知识点。 1. **遍历JSON数组**： 在示例中，我们首先通过`for`循环遍历输入的JSON...
js代码-数组对象根据某个值相同合并分组
07-16
当你需要根据数组中对象的某个特定属性值进行分组和合并时，可以采用多种方法来实现。这个场景在数据处理、表格展示、统计分析等用途中非常常见。在这个案例中，我们将讨论如何利用JavaScript将具有相同属性值的对象...
文件的读写基本操作
热门推荐
范高伦的博客
09-07 1万+
一、文件是计算机中数据持久化存储的表现形式 读写文件标准操作格式1： 1、打开文件：file1 = open('文件名','读写模式') 2、操作文件 3、关闭文件：file1.close() 文件操作完毕后必须关闭，否则长期保持对文件的连接状态，造成内存溢出的现象发生 读写文件操作格式2： # 1、打开文件 file1 = open('demo.txt','w') # 2、操作文件 file1.write('hello world') # 3、关闭文件 file1.close() 1、打开文件：wi
js合并两个数组生成合并后的key：value数组
12-01
核心代码 // var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"]; // var activeSubjectsNum = [46, 2, 2, 28, 29]; // var activeSubjectsArr = []; for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0; j < activeSubjectsNum.length; j++)
js 处理数组合并vs对象合并
IT博客技术分享
09-05 433
注意，这里通过传递一个空对象 {} 作为第一个参数来创建了一个新的对象作为目标对象。这是因为 Object.assign 方法会修改第一个参数的值，如果我们不想修改原始的对象，就需要传递一个新的空对象作为目标对象。方法接受一个目标对象和一个或多个源对象作为参数，将源对象的属性复制到目标对象中，并返回目标对象。如果有重复的属性名，则后面的属性会覆盖前面的。前言: 前端开发中，我们会遇到各种数据的需求，但是后端给你返回的数据结构又不是你想要的， 只能自己动手，去组装数据，重新定义数据结构了。
Javascript数组常用方法重写之map，reduce，some，every
weixin_43263355的博客
12-27 1837
概要 我们在前端开发过程中，经常使用到各种数组的原生方法。为了更好的理解和使用这些原生方法，所以笔者试着重写了这些方法，并实现了相同的功能。 本文主要对map，reduce，some，every这四个原型方法进行重写。 代码实现 由于新方法也要定义在原型链上，为了避免重复，所以本文参考C#的LINQ方法命名。具体如下： 原型方法名称 重写后的方法名称 map Select reduce Aggregate/AggregateLINQ some Any every All ma
js 两个map合并为一个map_ArcGIS API for JS3.x教程二：构建第一个简单的程序
weixin_42561249的博客
12-02 1162
本文衔接上文：不睡觉的怪叔叔：ArcGIS API for JS3.x教程一：本地开发环境配置​zhuanlan.zhihu.com一、创建简单的HTML文档 创建一个简单的HTML文档：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...
两个Map对象合并成一个Map对象
zb_3Dmax的博客
08-30 717
代码如下所示，展示了两个 map 对象的合并，如果是多个 map 合并也是用这种方式。两个map合并所用函数为：putAll()
js通过map和set判断数组中的对象的某个属性是否有重复
52.0Hz的博客
06-06 8429
一、测试数据 var specList = [         {specDesc:'1233'}, {specDesc:'123'}, {specDesc:'1234'}, ] 二、method Fun ONE: 使用map()遍历specList并生成目标属性所构成的新数组mapArr，再利用set()传入数组并输出去重复后的数组(setArr)的特性，判断其size与a
javascript两个数组去重合并
tanghuan0827的博客
07-07 624
十、利用Map数据结构去重（转载地址还要其他） function arrayNonRepeatfy(arr) { let map = new Map(); let array = new Array(); // 数组用于返回结果 for (let i = 0; i < arr.length; i++) { if(map .has(arr[i])) { // 如果有该key值 map .set(arr[i], true); } else {
js 对象合并 与数组合并
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
04-04 3033
在上面的代码中，我们首先使用 map() 方法将数组 arr 中的每个元素都转换成一个对象，对象的属性名和属性值都是元素本身。这个方法接受一个目标对象和一个或多个源对象作为参数，它会将所有源对象的属性复制到目标对象中。可以将数组中的每个元素都转换成一个对象，然后使用 concat() 方法将两个数组合并成一个数组，最后使用 Object.assign() 方法将数组中的所有对象合并成一个对象。这个方法不会改变原来的数组，而是返回一个新的数组，新的数组包含了原来的数组和新加入的数组中的所有元素。
js两个数组map合并
08-31
你可以使用 JavaScript 中的 `map` 方法来合并两个数组。以下是一种可能的实现方法： ```javascript const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const mergedArray = arr1.map((value, index) => value + ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值