效果图：一维数组转成二维数组
效果图：二维数组转成一维数组
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js将一维数组转化为二维数组、二维数组转化为一维数组</title>
</head>
<body>
</body>
<script>
// 调用
// let list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let list = [{
id: '1',
name: '一',
},
{
id: '2',
name: '二',
},
{
id: '3',
name: '三',
},
{
id: '4',
name: '四',
},
{
id: '5',
name: '五',
},
{
id: '6',
name: '六',
},
{
id: '7',
name: '七',
},
{
id: '8',
name: '八',
},
{
id: '9',
name: '九',
},
{
id: '10',
name: '十',
},
{
id: '11',
name: '十一',
},
{
id: '12',
name: '十二',
},
]
console.log(list, '全部数据')
joinWayArray(list);
// 转化函数
function joinWayArray(list) {
const listResult = []; // 最终返回的二维数组
for (let i = 0; i < Math.ceil((list.length / 10)); i++) {
listResult[i] = [];
for (let j = 0; j < 10; j++) {
// 如果是最后一个板块
if (i === (Math.ceil((list.length / 10)) - 1)) {
if (Math.ceil((list.length % 10)) !== 0) {
// 只有最后一个板块的数据在余数以内的才赋值
if (j < Math.ceil((list.length % 10))) {
listResult[i][j] = list[i * 10 + j];
}
} else {
// 如果刚好整整一个板块，则全部附上值
listResult[i][j] = list[i * 10 + j];
}
} else {
listResult[i][j] = list[i * 10 + j];
}
}
}
console.log(listResult, '转化十个为一组后的数据')
return listResult;
}
//二维数组转一维数组
// let arr = [
// ['一', '二'],
// ['三', '四'],
// ['五', '六']
// ];
let arr = [
[
{
id: 1,
name: '一',
},
{
id: 2,
name: '二',
},
],
[
{
id: 3,
name: '三',
},
{
id: 4,
name: '四',
},
],
[
{
id: 5,
name: '五',
},
{
id: 6,
name: '六',
},
],
];
console.log('二维数组:', arr);
let newarr = [];
for (const item of arr) {
newarr = [...newarr, ...item];
}
console.log('一维数组：', newarr);
</script>
</html>