javascript - 从列表插入数组

Question

我想知道如何返回当前排行榜上的名称数组。

这是我的代码:

function top10(maximumResults) {
  //store the leaderboard elements
  //check if leaderboard is less than 10
  //loop through leaderboard
  //return
  var output2 = document.getElementById("top10").getElementsByTagName("li");
  var output = "";

  for(var i = 0; i < output2.length; i++) {
    if(maximumResults.length < 10) {
      output[i] += output2[i].id;
    }
  }
    return output;
}

<div id=leaderboard class=panel>
  <h1>Leaderboard</h1>
  <ol id=top10>
    <li>test</li>
    <li>aaadad</li>
    <li>dfghfdh</li>
    <li>dfghdfhg</li>
    <li>dfghfdh</li>
  </ol>
</div>

Answer 1

您可以使用以下代码行将 li 值提取到数组中:

return Array.from(document.querySelectorAll('#top10>li'), li => li.textContent)

如果目的是将结果数组限制为 maximumResults 元素，那么您可以使用 slice:

return Array.from(document.querySelectorAll('#top10>li'), li => li.textContent)
            .slice(0, maximumResults)