在 JavaScript 中获取给定 class 的所有 ID 的简洁明了的方法是什么？

Question

我需要获取给定 class 的所有元素 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()与映射 function 一起使用，允许您将 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>