js将一维数组转化为二维数组

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

遇到的问题：

后端返回的是一组一维数组，但是需要展示的格式是二维数组，常见的场景举例：后台返回10个长度的数组，需要分成3个一组展示在banner上。

例：[1,2,3,4,5,6,7,8,9,10] => [[1,2,3], [4,5,6], [7,8,9], [10]]

解决方法及思路：

// 调用
let list = [1,2,3,4,5,6,7,8,9,10]
setTwoDimensionalArray(list);// 转化函数
function setTwoDimensionalArray (list) {
const listResult = []; // 最终返回的二维数组
for (let i = 0; i < Math.ceil((list.length / 3)); i++) {
listResult[i] = [];
for (let j = 0; j < 3; j++) {
// 如果是最后一个板块
if (i === (Math.ceil((list.length / 3)) - 1)) {
if (Math.ceil((list.length % 3)) !== 0) {
// 只有最后一个板块的数据在余数以内的才赋值
if (j < Math.ceil((list.length % 3))) {
listResult[i][j] = list[i * 3 + j];
}
} else {
// 如果刚好整整一个板块，则全部附上值
listResult[i][j] = list[i * 3 + j];
}
} else {
listResult[i][j] = list[i * 3 + j];
}
}
}
return listResult;
}