遇到的问题:

  后端返回的是一组一维数组,但是需要展示的格式是二维数组,常见的场景举例:后台返回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;
}

最新文章

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

热门文章

  1. SQLI DUMB SERIES-17
  2. 双十一LoanMarket压力测试报告
  3. 播放器: AVPlayer
  4. JavaWeb(二)
  5. JavaScript 之存取器属性
  6. python 使用pip安装使用国内镜像加速下载安装包的方法
  7. hbase整合
  8. HTML复习 2019-2-11
  9. 6. Vulnerability scanners (漏洞扫描器 11个)
  10. 关于 legend_noa