方法一:
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
<script>
// 随机生成
数据 let arr1 = new Array(14).fill(0).map((item, index) => {
return {
id: index,
name: "撒旦法" + index,
age: index * 2
}
})
// 分组函数
function grouping(arr,len) {
let col = Math.ceil(arr.length / len)
let data = []
let start = 0
while (start < col) {
let temp = arr.slice(start * len, (start + 1) * len)
data[start] = temp
start++
}
return data
}
console.log(grouping(arr1,4))
</script>
</body>
</html>
方法二
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
<script>
let arr1 = new Array(14).fill(0).map((item, index) => {
return {
id: index,
name: "撒旦法" + index,
age: index * 2
}
})
function grouping(arr, len) {
let col = Math.ceil(arr.length / len)
let data = new Array(col).fill(0).map(item => [])
let start = 0
while (start < col) {
let temp = arr.slice(start * len, (start + 1) * len)
temp.forEach(element => {
data[start].push(element)
});
start++
}
return data
}
console.log(grouping(arr1, 4))
</script>
</body>
</html>