js操作两个一维数组转换为二维数组

最新推荐文章于 2024-01-21 14:13:38 发布
原创 最新推荐文章于 2024-01-21 14:13:38 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何利用JavaScript的forEach和filter方法将两个一维数组转换为二维数组。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js操作两个一维数组转换为二维数组

forEach 和 filter结合使用

     a.forEach((item,index)=>{
          item.children = b.filter(items=>{
              return items.goodsCategory === item.id;
          })
      })
      console.log(a);

let a = [
        {
          cagegoryName: "感冒药",
          createTime: "2020-06-19 14:44:51",
          delFlag: 1,
          id: "1273869332852719616",
          industryCategory: 2,
          level: 1,
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          parentId: "0",
          sort: 1,
          storeId: "1273867968638566400",
          updateTime: "2020-06-19 14:44:51",
        },
        {
          cagegoryName: "消炎药",
          createTime: "2020-06-19 14:45:02",
          delFlag: 1,
          id: "1273869379375939584",
          industryCategory: 2,
          level: 1,
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          parentId: "0",
          sort: 1,
          storeId: "1273867968638566400",
          updateTime: "2020-06-19 14:45:02",
        },
      ];

      let b = [
        {
          createTime: "2020-06-19 14:48:57",
          delFlag: 1,
          goodsCategory: "1273869332852719616",
          goodsCode: "123456",
          goodsName: "感冒灵颗粒",
          goodsPic: "1273870309353799680",
          goodsPrice: 9,
          id: "1273870363699396608",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 13,
          sort: 1,
          source: 1,
          stockNum: 99986,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-25 12:26:49",
        },
        {
          createTime: "2020-06-19 14:50:06",
          delFlag: 1,
          goodsCategory: "1273869332852719616",
          goodsCode: "123",
          goodsName: "白加黑",
          goodsPic: "1273870453247787008",
          goodsPrice: 10,
          id: "1273870656285655040",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 2,
          sort: 1,
          source: 1,
          stockNum: 99997,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-25 12:26:49",
        },
        {
          createTime: "2020-06-19 14:50:35",
          delFlag: 1,
          goodsCategory: "1273869332852719616",
          goodsCode: "1",
          goodsName: "双黄连口服液",
          goodsPic: "1273870731590189056",
          goodsPrice: 8,
          id: "1273870774388867072",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 2,
          sort: 1,
          source: 1,
          stockNum: 99997,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-25 12:26:49",
        },
        {
          createTime: "2020-06-19 14:51:11",
          delFlag: 1,
          goodsCategory: "1273869332852719616",
          goodsCode: "3",
          goodsName: "好感感冒药",
          goodsPic: "1273870847206178816",
          goodsPrice: 5,
          id: "1273870928152051712",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 5,
          sort: 1,
          source: 1,
          stockNum: 99994,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-25 12:26:49",
        },
        {
          createTime: "2020-06-19 14:54:56",
          delFlag: 1,
          goodsCategory: "1273869379375939584",
          goodsCode: "6",
          goodsName: "头孢克肟",
          goodsPic: "1273871831512858624",
          goodsPrice: 8,
          id: "1273871872604454912",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 1,
          sort: 1,
          source: 1,
          stockNum: 99998,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-21 18:05:12",
        },
        {
          createTime: "2020-06-19 14:55:25",
          delFlag: 1,
          goodsCategory: "1273869379375939584",
          goodsCode: "5",
          goodsName: "阿莫西林胶囊",
          goodsPic: "1273871948731072512",
          goodsPrice: 7,
          id: "1273871990716055552",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 2,
          sort: 1,
          source: 1,
          stockNum: 99997,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-21 17:47:27",
        },
        {
          createTime: "2020-06-19 14:55:57",
          delFlag: 1,
          goodsCategory: "1273869379375939584",
          goodsCode: "4",
          goodsName: "蒲地蓝消炎片",
          goodsPic: "1273872070277808128",
          goodsPrice: 5,
          id: "1273872125143498752",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 1,
          sort: 1,
          source: 1,
          stockNum: 99998,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-25 10:33:42",
        },
        {
          createTime: "2020-06-19 14:56:53",
          delFlag: 1,
          goodsCategory: "1273869379375939584",
          goodsCode: "2",
          goodsName: "盐酸左氧氟沙星胶囊",
          goodsPic: "1273872169963831296",
          goodsPrice: 6,
          id: "1273872362385915904",
          industryCategory: 2,
          isShelf: 1,
          itemNumber: "",
          merchantId: "1239217264236613632",
          merchantUserId: "1273867462012780544",
          name: null,
          saleRemark: null,
          salesNum: 2,
          sort: 1,
          source: 1,
          stockNum: 99997,
          storeId: "1273867968638566400",
          systemCategory: null,
          unit: "",
          updateTime: "2020-11-21 17:47:22",
        },
      ];
JS合并两个数组的3种方法详解
10-16
主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js中将两个一维数组合并为一个二维数组，并给生成的数组下的元素命名
骨子里的偏爱
04-03 483
js中将两个一维数组合并为一个二维数组，并给生成的数组下的元素命名
js将两个一维数组合并为二维数组
热门推荐
jiejieyuy的博客
05-07 1万+
let data = ['1','2','3']; let array = ['3','4','5']; data = data.map((key,value)=>[key,array[value]]);这是一个很好的思路
如何使用js实现两个一维数组合并成二维数组，并一一对应
weixin_43935062的博客
04-09 2543
如何使用js实现两个一维数组合并成二维数组，并一一对应 // 问题：ab如何合并成c？ let a = [1,2,3,4,5]; let b = [6,7,8,9,10]; let c = [[1,6],[2,7],[3,8],[4,9],[5,10]] //解决 let arr =[]; a.forEach((item,i)=>{ let arr1 = [] arr1.push(item) arr1.push(b[i]) arr.push(arr1) }) console.log(arr)
合并两个一维数组为二维数组
拾荒盲夫，一指途穷；枯木余生，甘露相涌
02-08 1099
[code="js"] javascript 合并两个数组 function forLoops(){ var arrays = new Array("赤","橙","红","绿","青","蓝","紫"); var colors = new Array("loyal","orange&q
输入是两个一维数组，输出是一个二维数组
cnlovedudu的博客
07-08 549
输入两个一纬数组，输出一个二维数组
JS数组转为二维数组
gun_008的博客
09-12 2118
  弄了个工具, 数组转为二位数组. 先看代码: /** * 一维数组格式化为二维数组 * @param arr 原数组 * @param num 数组个数,默认2个. * @param direction 元素存放的方向,{1:按行存,0:按列存}, 默认0 * @returns {Array} */ formatArray (arr,num=2,direction) { let leg = arr.length; direction = +!!direction let newArra
Javascript两个一维数组合并为二维数组方法
最新发布
u010009208的博客
01-21 949
Javascript两个一维数组合并为二维数组方法
JS 两个数组对象通过比对id 合并成一个新的数组对象
Haines
12-15 3871
注意：arr1 是基础 把arr2合并到arr1中 ，汇成一个总的arrs 这个arr1中的id 和 arr2中的periodId 是一一对应的。 let arr1 = [ {id:64,period:"10:00"}, {id:65,period:"12:00"}, {id:66,period:"14:00"}, {id:67,period:"18:00"}, ] let arr2 = [ { period:'10:00', periodId.
二维数组合并成一维数组_上帝的视角带你玩弄js一维数组转二维数组数据归档...
weixin_42503223的博客
01-14 345
这是群里有人问到的一个问题，有些数据可能后端娃子偷懒，假如给你一个接口，然后直接一个一维数组统统给你返回，而你则需要把某些相同特性数据归类展示在不同的位置那你应该怎么去处理呢？如下图后端数据格式想要达到的目的实例代码123456789101112131415161718192021222324252627282930313233343536373839DOCTYPE html>&l...
JS—一维数组转二维数组
Poppy_LYT的博客
12-14 967
arrTrans(num, arr) { const newArr = []; while(arr.length > 0) newArr.push(arr.splice(0, num)); } return newArr; }
js之一维数组转二维数组
seimeii的博客
09-22 3654
function (arr, size) { // arr是一维数组 size是二维数组包含几条数据 var arr2 = [] for (var i = 0; i < arr.length; i = i + size) { arr2.push(arr.slice(i, i + size)) } return arr2 // 新的二维数组 } var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] function arr
简单实现将两个一维数组转换为二维数组
ZH
04-27 4098
将两个一维数组转换为二维数组 let values=[1,2,3], let dates=[a,b,c] values = dates.map((key,value)=>[key,values[value]]); console.log(values)
js--------对象数组转换成二维数组（excel表格导出）
grow_的博客
08-09 586
excel导出
JS-数组
rfalcon的博客
05-27 379
JS笔记 数组声明 通过new创建数组 var arr = new Array(100,true,"hello"); alert(arr); 省略new运算符创建数组 var arr = Array(100,true,"hello"); alert(arr); 数组常量进行赋值 var arr = [100,true,"hello"]; alert(arr); 【注】传入参数只有一个，并且是数字的时候，直接声明这么长一个数组 var arr = Array(10);/var arr = new Arr
Vue 48 ，ECharts 4 ，JavaScript数组拼接，将多个数组转换成二维数组，实现ECharts多维数组转换（JS数组拼接，JS将多个数组转换成二维数组）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
04-06 1878
⭐我们在写echarts的时候，数据通常是以数组的形式呈现的。然而，有时候我们需要将多个数组进行合并，或者将一个多维数组转换为一个一维数组，以便我们进行操作和展示。那么如何将多个数组合并，以及将一个多维数组转换成一维数组，这里来分享记录。
js将一个数组转化成二维数组
qq_38794041的博客
07-25 3874
最近在做公司需求时，前台页面展示轮播图，前端人员给的页面是一个div里包含了4个张图，当多于四张时，进行轮播。 但我从后台获取到图片数据后，想的是拼接div，在div里拼上图，拼接四个后，再创建个div进行拼接。  但是这里遇到麻烦了，我遍历图片数组拼接的时候，判断的下标+1除以四等于0的时候，新建div。   结果问题出现了，当有五张图的时候,第五张就不再显示了，思来想去，最后想到可以将数组...
数组合并3个一维数组合并成一个新的二维数组
ahjxhy2010的博客
05-01 4286
//方法1 $a1= array('1.jpg','2.jpg','3.jpg');  $b2= array ('2','3','4');  $c1= array ('北京1','上海1','广州1' );   foreach($a as $key=>$val){   $d1[$key]['img']=$a1[$key];   $d1[$key]['rank']=$
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值