如何创建一个函数以便控制组的大小？所以我可以选择每组有 2 人还是 3 人
我已经走到这一步了。我想创建一个函数，以便我可以创建 2、3 或 4 个组。当我这样做时，我只是将数组每组中的第一个名称作为打印在页面上的 P 元素获取。我怎样才能做到不同呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="classListSection"></div>
<script>
let longList = [alot of names..];
const classList = document.getElementById("classListSection");
function createListItem(index, value) {
let newList = document.createElement("p");
newList.innerHTML = index + value;
classList.appendChild(newList);
}
function chunkArray(arr, val) {
let finalArr = [];
for (let i = 0; i < arr.length; i += val) {
finalArr.push(arr.slice(i, val + i));
createListItem(i, longList[i]);
}
}
chunkArray(longList, 3);
</script>
</body>
</html>
人到中年有点甜1回答
-
白衣染霜花
你快到了。Array.prototype.slice返回数组的一部分而不修改原始数组。您只需要将结果传递给您的createListItem方法let longList = "abcdefghijklmnopqrstuvwxyz".split('');const classList = document.getElementById("classListSection");function createListItem(index, value) { let newList = document.createElement("p"); newList.innerHTML = index + value; classList.appendChild(newList);}function chunkArray(arr, val) { for (let i = 0; i < arr.length; i += val) { createListItem(i, arr.slice(i, i + val)); }}chunkArray(longList, 3);<div id="classListSection"></div>如果您将最后一行更改为chunkArray(longList, 2);每组将有 2 个项目，或者chunkArray(longList, 4);将有 4 个项目。
随时随地看视频慕课网APP
相关分类
JavaScript