Javascript 如何在10后不添加到列表中

HTML:

排行榜
Jyn Erso
蒙莫思玛
韩·索洛
加伦厄索
塔恩·凯雷尔
诺拉·韦克斯利
西纳稀土
马拉基利
R5-D4

JS:

函数更新读卡器（arr，me）{
让players=document.getElementById（“top10”）；
players.textContent=“”；
for（设i=0；i

我想将列表中的名称限制为10个，即使数组中的名称超过10个。如果是10，则不应添加更多。

---

谢谢

您可以在循环中添加一个条件-仅当

i

小于数组长度且小于

10

时才继续

function updateLeaderBoard(arr, me) {
    let players = document.getElementById("top10");
    players.textContent = "";
    for (let i = 0; i < arr.length; i++) {
        let li = document.createElement("li");
        li.appendChild(document.createTextNode(arr[i]));
        players.insertBefore(li, players.firstChild);
        if (arr[i].includes(me)) li.classList.add("me");
     }
}
list = ["Jack", "Robo", "Tom", "Dave", "Rock", "Agent", "Ops", "Recon","The Division", "Fallout"];   

updateLeaderBoard(list, "Jack");

for（设i=0；i

如果您是初学者，这是一个有趣的学习点-有时初学者会将for循环的“标准”调用视为某种无法更改的魔法咒语：）但当然，您可以根据自己的喜好更改表达式的行为。

“我想将列表中的名称限制为10个，即使数组中的名称超过10个。如果是10，则不应再增加。”

---

您可以使用

for（let i=0；i

，其中

i<10

语句将迭代计数限制为10。

可以尝试更改

for（let i=0；i

？

for（let i=0；i

。。。？

function updateLeaderBoard(arr, me) {
    let players = document.getElementById("top10");
    players.textContent = "";
    for (let i = 0; i < arr.length; i++) {
        let li = document.createElement("li");
        li.appendChild(document.createTextNode(arr[i]));
        players.insertBefore(li, players.firstChild);
        if (arr[i].includes(me)) li.classList.add("me");
     }
}
list = ["Jack", "Robo", "Tom", "Dave", "Rock", "Agent", "Ops", "Recon","The Division", "Fallout"];   

updateLeaderBoard(list, "Jack");

for (let i = 0; i < a.length && i < 10; i++)