组合使用map 和find重组数组对象

LinMeng
• 阅读 1533

需求:有两个均是数组对象结构的数组,如下:

//第一个数组对象结构如下:   arr1数组长度大于arr2
arr1=[
  {adCode:"12340",adName:'河南省'},
  {adCode:"12341",adName:'山东省'},
  {adCode:"12342",adName:'广东省'},
  {adCode:"12343",adName:'上海市'},
  {adCode:"12344",adName:'安徽省'},
]
//第二个数组对象结构如下:
arr2=[
  {adCode:'12342',adValue:"98"},
  {adCode:'12340',adValue:"48"},
  {adCode:'12341',adValue:"90"},
]

由上面的数据结构可以看出,若想获得如下数据结构:

arr3=[
  {adName:"河南省",adValue:"48"}
]

则可进行如下操作:

const arr = arr1.map((v)=>{
    const newResult = arr2.find((item)=>v.adCode ===item.adCode);
    return {adName:v.adName,adValue:newResult.adValue}
})

若arr2数组结构如下:

arr2=[
  {adCode:'12342',adValue:"98"},
  {adCode:'12340',adValue:undefined},
  {adCode:'12341',adValue:"90"},
  {adCode:'12344',adValue:"40"},
  {adCode:'12343',adValue:undefined},
]

则操作如下:

const arr = arr1.map((v)=>{
     //adValue值为undefined时,不纳入新数组arr中
    const newResult = arr2.find((item)=>v.adCode ===item.adCode) || {};
    return {adName:v.adName,adValue:newResult.adValue}
})
点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
翼
3年前
js 数组 转为树形结构
需要转换为树形的数组vardata{"orderById":null,"platformCommissionProportion":1,"name":"添加剂","pid":13,"id":26
Wesley13 Wesley13
3年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Wesley13 Wesley13
3年前
Java开发者容易犯的十个错误
!(https://oscimg.oschina.net/oscnet/c9f00cc918684fbe8a865119d104090b.gif)Top1.数组转换为数组列表将数组转换为数组列表,开发者经常会这样做:\java\List<StringlistArrays.asList(arr);Arr
Stella981 Stella981
3年前
JS 对象数组Array 根据对象object key的值排序sort,很风骚哦
有个js对象数组varary\{id:1,name:"b"},{id:2,name:"b"}\需求是根据name或者id的值来排序,这里有个风骚的函数函数定义:function keysrt(key,desc) {  return function(a,b){    return desc ? ~~(ak
Stella981 Stella981
3年前
LeetCode 5561. 获取生成数组中的最大值
文章目录1\.题目2\.解题1\.题目给你一个整数n。按下述规则生成一个长度为n1的数组nums:nums00nums11当2<2i<n时,nums2inumsi
Wesley13 Wesley13
3年前
ES6 新增的数组的方法
给定一个数组letlist\//wu:武力zhi:智力{id:1,name:'张飞',wu:97,zhi:10},{id:2,name:'诸葛亮',wu:55,zhi:99},{id:3,name:'赵云',wu:97,zhi:66},{id:4,na
达里尔 达里尔
10个月前
给数组添加新数据,判断数据是否重复
多选要进行数组拼接,希望判断往原数组里添的新数据是否重复,封装个简易方法languageconstdataArrayname:'aaa',id:1,name:'bbb',id:2;constnewDataname:'ccc',id:2;//要添加的新数
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
LinMeng
LinMeng
Lv1
争取早日实现“代码自由” wa !!!
文章
50
粉丝
7
获赞
33