遇到的问题：

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

}

JAVASCRIPT一维数转化为二维数组

Java-J2SE学习笔记-字符串转化为二维数组

1.字符串转化为二维Double数组 2.代码: package Test; public class TestDouble { public static void main(String[] ar ...

C语言 一维数组叠加为二维数组样例

这里参看memcpy的用法,将一个一维整型数组不停的叠加为二维数组 使用宏定义来控制二维数组的行列 代码如下: #include #include

C语言指针系列 - 一级指针&period;一维数组&comma;二级指针&comma;二维数组&comma;指针数组&comma;数组指针&comma;函数指针&comma;指针函数

1. 数组名 C语言中的数组名是一个特殊的存在, 从本质上来讲, 数组名是一个地址, 我们可以打印一个指针的值,和打印一个数组的值来观察出这个本质: int nArray[10] ={ 0 }; in ...

C&plus;&plus;二维数组讲解、二维数组的声明和初始化

我们知道,一维空间是一条线,数学中用一条数轴来表达:二维空间是一个平面,数学中用平面坐标系来表达.那么二维数组又是什么样的呢? 线与面 我们用一个下标来描述一维数组中的某个元素,就好像在用数描述一条线 ...

随机推荐

SSH框架整合(代码加文字解释)

一．创建数据库并设置编码. A) create database oa default character set utf8. 二．MyEclipse工程 A) 在Myeclipse里创建web工程, ...

centos7 docker zookeeper

docker run --name=zookeepertmp -i -t centos7/jdk7 /bin/bash cd /home wget http://apache.fayea.com/zo ...

&lbrack;js开源组件开发&rsqb;network异步请求ajax的扩展

network异步请求ajax的扩展 在日常的应用中,你可能直接调用$.ajax是会有些问题的,比如说用户的重复点击,比如说我只希望它成功提交一次后就不能再提交,比如说我希望有个正在提交的loadin ...

浪潮之巅IT那点事之三——神奇的规律

“道可道,非常道”是老子在中的开篇第一句话,这句话的意思是:万事万物其真理是可以探索并道说得出来的,但这些真理并非是永恒的,天道轮转,没有永恒不变的真理(来自百度百科).在IT行 ...

HDU 4059 The Boss on Mars 容斥原理

The Boss on Mars Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

XCODE快捷键和功能汇总篇(不断更新)

快捷键 command+b(build) 编译 command+r(run) 运行编译后程序鼠标放在代码元素上,按command然后单击,可以看到元素的属性

Hibernate3注解

1.@Entity(name="EntityName") 必须,name为可选,对应数据库中一的个表 2.@Table(name="",catalog=&quo ...

s&equals;a&plus;aa&plus;aaa&plus;aaaa&plus;aa&period;&period;&period;aaaa

main(){ int a,n,count=1; long int sn=0,tn=0; cout<>a&gt ...

使用milang出错：LookupError&colon; unknown encoding&colon; idna

今天同事安装了milang,结果发现例如以下出错: Traceback (most recent call last): File "F:\vmid.py", line 11, i ...

Luogu2295 MICE

Lougu2295 MICE 给一个 \(n\times m\) 的矩阵 \(a\) ,求一条从 \((1,\ 1)\) 到 \((n,\ m)\) 的最短路径,使得与路径相接的所有网格的权值和最小 ...