两个数组根据相同id合并数组es6、原生js

对于两个数组,有些场景,我们需要根据id,把一个数组的某些属性,添加到另外一个数组.

        let arr1 = [{'id':1,'name':'高凯','age':10},{'id':2,'name':'张三','age':20},{'id':3,'name':'李四','age':30},{'id':4,'name':'赵武','age':10},{'id':5,'name':'王六','age':20},];var arr2 = [{"id":1,"value":"111"},{"id":2,"value":"11111"},{"id":3,"value":"25462"},{"id":4,"value":"23131"},{"id":5,"value":"2315432"},{"id":6,"value":"333333"}];var arr3 = [{"id":1,"name":"高凯","value":"111"},{"id":2,"name":"张三","value":"11111"},{"id":3,"name":"李四","value":"25462"},{"id":4,"name":"赵武","value":"23131"},{"id":5,"name":"王六","value":"2315432"},{"id":6,"value":"333333"}];//对于数组arr1 和数组 arr2. 我们需要把数组arr1 里面的name属性以及值,根据id放在数组arr2 里面.也就数组arr3的形式

es6的map方法

        arr2.map((item2)=>{arr1.map((item1)=>{if(item2.id == item1.id){let json = {'name':item1.name};Object.assign(item2,json);return item2;}})})console.log(arr2);

原生的js方法

        for(let i = 0; i< arr2.length;i++){for(let j = 0;j< arr1.length;j++){if(arr2[i].id == arr1[j].id){arr2[i].name = arr1[j].name;}}}console.log(arr2);

博客地址:http://blog.gaokai.fun/

两个数组根据相同id合并数组es6、原生js相关推荐

php合并数组并且去重,php合并数组
这篇文章主要介绍了关于php合并数组,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下合并数组的方法array_merge: 数字键,直接往后添加,key重置字符串键,后面的数组的值会 ...
php 合并数组不覆盖,PHP合并数组的2种方法小结
前言在此前合并数组我一直用的是array_merge()这个函数,但最近我在换工作的时候遇到一道合并数组的面试题,我当时想的是将两个数组先转化为字符串,合并后再转化为数组输出,面试官说这个思路不太对 ...
数组的增删改查原理（原生JS）
数组的增删改查(原生JS) var Arr = [1, 2, 3, 4, 5, 6]; 查 //查直接遍历数组,这里分别遍历一维数组和二位数组:// 一维数组for (var i = 0; i &l ...
php数组只保留键值,php合并数组并保留键值的实现方法
php合并数组,一般会使用array_merge方法. array_merge - 合并一个或多个数组 array array_merge ( array $array1 [, array $... ...
JS 合并数组的三大方式
数组是表示索引项的有序集合的数据结构. 对多个数组执行的一个常见操作是合并--将2个或多个数组合并成包含合并数组的所有项的更大数组. 例如,有两个数组[1,2]和[5,6],然后合并这些数组得到[1, ...
前端开发：JavaScript合并数组的方法
前言在前端开发的时候,对于数据处理是很重要的一块,尤其是要根据实际的业务需求来处理数据,有很强的兼容性要求.而且有些时候后端提供的数据和实际的业务需求数据是有偏差的,所以前端在拿到后台返回的数据之后 ...
linux数组拼接_Linux中Shell数组的笔记
Shell数组的介绍数组算是一种特殊的数据结构,数据项可以成为数组的元素,可以通过数组的索引获取每一个数组的元素值. 数组的典型的使用场景是把相同类型的元素汇总在一起.由于Shell变量属于弱类型, ...
js中两个对象数组如何比对合并
情景有时候,从后端的数据并非是可以直接使用渲染的,需要经过处理之后才可使用,比如说以下这种情况 //需要将这个数组中的字段合并,渲染在列表中 const array1 = [{id:1,name:' ...
php 两个二维数组怎么去重,php 二维数组怎么不去重合并
php二维数组不去重合并的方法:首先创建一个PHP示例文件:然后创建两个二维数组:最后通过"array_merge_recursive"函数合并数组即可. 本文操作环境:Windo ...

两个数组根据相同id合并数组es6、原生js

es6的map方法

原生的js方法

两个数组根据相同id合并数组es6、原生js相关推荐

最新文章

热门文章