javascript - jQuery .map() 到纯 javascript

Question

有没有办法将下面的 jQuery 方法转换为纯 javascript？

var myProps = 
$(".interp").map(function () {
return this.id; 
}).get();

不知道每次会有多少对象可用。 map 中可能有 3 个、15 个、20 个等对象。

Answer 1

纯 JavaScript 包含一个 .map方法，它位于 Array 上，因此您需要在从 querySelectorAll 返回的 NodeList 上使用它一般使用 .call :

var myProps =  Array.prototype.map.call(document.querySelectorAll(".interp"),function (el) {
    return el.id; 
});

或者，您可以将 NodeList 转换为数组并使用更紧凑的语法。

function query(selector){
    return Array.prototype.slice.call(document.querySelectorAll(selector),0);
}

哪个会让你做:

query(".interp").map(function(el){
    return el.id;
}