JS合并数组对象中重复数据[通俗易懂]

JS合并数组对象中重复数据[通俗易懂]数组重组数据源数据:目标数据://源数据varoldData=[{city_id:1,city_name:’北京’,city_img:”http://dfknbdjknvkjsfnvlkjdn.png”,city_country:”中国”},{city_id:2,city_name:’上海’,city_img:”http://wergerbe.png”,city_country

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

数组重组数据
源数据:
在这里插入图片描述
目标数据:
在这里插入图片描述

// 源数据
var oldData = [
{ 

city_id: 1,
city_name: '北京',
city_img: "http://dfknbdjknvkjsfnvlkjdn.png",
city_country: "中国"
},
{ 

city_id: 2,
city_name: '上海',
city_img: "http://wergerbe.png",
city_country: "中国"
},
{ 

city_id: 3,
city_name: '广州',
city_img: "http://hrthhr.png",
city_country: "中国"
},
{ 

city_id: 4,
city_name: '西雅图',
city_img: "http://frevfd.png",
city_country: "美国"
},
{ 

city_id: 5,
city_name: '纽约',
city_img: "http://反而个.png",
city_country: "美国"
}
]
// 把源数据先变成目标数据的规则
var oldDataRule = []
oldData.forEach(el => { 

var oldObj = { 

name: el.city_country,
citys:[]
}
var cityObj = { 

city_name: el.city_name,
city_img: el.city_img,
city_id: el.city_id
}
oldObj.citys.push(cityObj)
oldDataRule.push(oldObj)
})
/** * 先去重,后合并 * 1、源数据去重 * 2、把去重后的数据和源数据中相同name的数据合并citys */
var newData = []
var newObj = { 
}
oldDataRule.forEach((el, i) => { 

if (!newObj[el.name]) { 

newData.push(el);
newObj[el.name] = true;
} else { 

newData.forEach(el => { 

if (el.name === oldDataRule[i].name) { 

el.citys = el.citys.concat(oldDataRule[i].citys);
// el.citys = [...el.citys, ...oldDataRule[i].citys]; // es6语法
}
})
}
})
console.log(newData); // 目标数据

Jetbrains全家桶1年46,售后保障稳定

结果:
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/226716.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Java实现对List去重

    Java实现对List去重方式一,使用for循环遍历去除List中的重复元素代码如下 publicstaticvoidmain(String[]args){Test07test07=newTest07();System.out.println(test07.getList());}publicListgetList(){…

  • 通过nginx转发WebSocket

    通过nginx转发WebSocket通过nginx请求wensocket的时候需要修改配置文件,对于websocket请求需要特殊处理一下,需要在conf配置文件中添加一些配置:server{listen8080;server_nametest.com;add_header’Access-Control-Allow-Origin”*’always;add_header’Access-Control-Allow-Credentials”true’;add_header’A

    2022年10月18日
  • python 配对t检验_配对t检验的python实现

    python 配对t检验_配对t检验的python实现以真实商业案例为数据基础,课程内容围绕scipy.stats和statsmodels包的相关功能展开,从统计分析实战的角度出发详细介绍了如何在Python中完成数据描述、t检验、单因素方差分析、卡方检验、相关回归等统计分析操作。通过本课程的学习,学员将深入学习如何正确考察这些方法的适用条件,正确选择所需的方法加以应用,从而既满足了相关统计分析功能的需求,又为进一步学习statsmodels包中的复…

  • java webservice asmx_WebService-asmx后缀接口调用[通俗易懂]

    java webservice asmx_WebService-asmx后缀接口调用[通俗易懂]简述:.asmx是webservice服务程序的后缀名,ASP.NET使用.asmx文件来对WebServices的支持。.asmx文件和.aspx文件一样都属于文本文件。它包含在.aspx文件之中,成为ASP.NET应用程序的一部分。废话不多说上代码POM引用commons-discoverycommons-discovery0.2webService接口调用,并解析@Overridep…

  • 如何理解java方法的传值和传引用的参数传递方式(基本数据类型和引用类型)

    结论:1)当使用基本数据类型作为方法的形参时,在方法体中对形参的修改不会影响到实参的数值2)当使用引用数据类型作为方法的形参时,若在方法体中修改形参指向的数据内容,则会对实参变量的数值产生影响,因为形参变量和实参变量共享同一块堆区;3)当使用引用数据类型作为方法的形参时,若在方法体中修改形参变量的指向,此时不会对实参变量的数值产生影响,因此形参变量和实参变量分别指向不同的堆区例一:基本数据类型作为形参,运行结果不改变实参publicclassMain{publicstatic

  • 解决Symantec卸载需要密码问题又一新招

    解决Symantec卸载需要密码问题又一新招今天在同事哪里学到卸载SYMANTEC需要密码又一新招,看图就知道了,对!就是修改注册表,在LOCAL_MACHINE—SOFTWARE—SYMANTEC—SYMANTECENDPOINTPRTECTION—SECURITY找到UseVPUninstallPassword键值,修心DWORD值,看图就知道了哈,说多了废话.我这里是SEP注册表…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号