js将一维数组转化为二维数组
2024-10-19 18:29:22
遇到的问题:
后端返回的是一组一维数组,但是需要展示的格式是二维数组,常见的场景举例:后台返回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;
}
最新文章
- DDR相关的低功耗技术之PASR、TCSR、DPD
- regeneratorRuntime未定义
- 316. Remove Duplicate Letters
- 【BZOJ-1369】Gem 树形DP
- ios9 http请求不能使用
- Android UI开发第四十一篇——墨迹天气3.0引导界面及动画实现
- SQL2005删除复制数据库的发布与订阅的方法(转载)
- Hibernate,JPA注解@EmbeddedId
- hdu 2473 Junk-Mail Filter (并查集之点的删除)
- ASP.NET前台AJAX方法调用后台的方法写法
- bootstrap .col-md-6 文字居中问题处理
- 最完整的合并相交集合的Java代码(查并集)
- SVN 代码下载,上传
- (原创) mac 10.9.2 eclipse 的 CDT 的 异常的修复
- 【fhq Treap】bzoj1500(听说此题多码上几遍就能不惧任何平衡树题)
- Python开发——13.操作系统、进程和线程
- 关于tensorflow conv2d卷积备忘的一点理解
- JavaScript闭包理解【关键字:普通函数、变量访问作用域、闭包、解决获取元素标签索引】
- sql注入--基于报错的注入
- 算法进阶面试题03——构造数组的MaxTree、最大子矩阵的大小、2017京东环形烽火台问题、介绍Morris遍历并实现前序/中序/后序