每天一个小重点

将一个一维数据,演变成二维数据

JavaScript一维数组转二维数组
当接收到一个数组时后端不一定会给你做太多处理,而我们需要的是一个多维的数组,这个时候,我们就需要将一维数组进行转换

1,数组里面是字符串的时候

let array = [1, 2, 3, 4, 5, 6, 7, 8]; 
let len = array.length;
let n = 4; //假设每行显示4个
let lineNum = len % n === 0 ? len / n : Math.floor((len / n) + 1);
let res = [];
for (let i = 0; i < lineNum; i++) {
// slice() 方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象。且原始数组不会被修改。
let temp = array.slice(i * n, i * n + n);
  res.push(temp);
}
console.log(res);

2.数组里面是对象的时候

let objArray = [{ a: 1 }, { b: 2 }, { c: 3 }, { d: 4 }, { e: 5 }, { f: 6 }, { g: 7 }];
let len = objArray.length;
let n = 4; //假设每行显示4个
let lineNum = len % 4 === 0 ? len / 4 : Math.floor((len / 4) + 1);
let res = [];
for (let i = 0; i < lineNum; i++) {
  let temp = objArray.slice(i * n, i * n + n);
  res.push(JSON.parse(JSON.stringify(temp)));
}
console.log(res);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值