在 JavaScript 中获取给定类的所有 id 的简洁方法是什么？

Question

我需要获得给定类的所有元素ID的数组(例如"主菜单项"(。这就是我目前所拥有的：

Array.prototype.map.call(document.querySelectorAll(".main-menu-item"), (elem => elem.id));

有没有更干净和/或更简洁的方法来做到这一点？

Answer 1

使用排列运算符：

[...document.querySelectorAll(".main-menu-item")].map(elem => elem.id)

Answer 2

您可以将Array.from()与映射函数一起使用，允许您将NodeList转换为数组，同时指定每个元素应该如何转换：

const res = Array.from(document.querySelectorAll(".main-menu-item"), ({id}) => id);
console.log(res);

<p class="main-menu-item" id="1">one</p>
<p class="main-menu-item" id="2">two</p>
<p class="main-menu-item" id="3">three</p>