亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何創建一個函數以便控制組的大???所以我可以選擇每組有 2 人還是 3 人

如何創建一個函數以便控制組的大?。克晕铱梢赃x擇每組有 2 人還是 3 人

人到中年有點甜 2023-08-24 18:18:01
我已經走到這一步了。我想創建一個函數,以便我可以創建 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 回答

?
白衣染霜花

TA貢獻1796條經驗 獲得超10個贊

你快到了。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 個項目。



查看完整回答
反對 回復 2023-08-24
  • 1 回答
  • 0 關注
  • 193 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號