javascript - 从 HTMLCollection 获取数组的 div

Question

我只想返回每个 div 的 id 并将它们保存在一个数组中:

const projects = [...document.getElementsByClassName("nav-project")];
console.log(projects);
      
//expected output : [one, two, three, four, five]

<div class="nav-project" id="one">a</div>
<div class="nav-project" id="two">b</div>
<div class="nav-project" id="three">c</div>
<div class="nav-project" id="four">d</div>
<div class="nav-project" id="five">e</div>

Answer 1

尝试map :

The map() method creates a new array populated with the results of calling a provided function on every element in the calling array.

const projects = [...document.getElementsByClassName("nav-project")]
  .map(div => div.id);

  console.log(projects);

<div class="nav-project" id="one">a</div>
<div class="nav-project" id="two">b</div>
<div class="nav-project" id="three">c</div>
<div class="nav-project" id="four">d</div>
<div class="nav-project" id="five">e</div>