jQuery .map()到纯javascript

Question

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

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

我不知道每次有多少物品可供使用.地图中可能有3个,15个,20个等对象.

Answer 1

Pure JavaScript也包含一个.map方法,Array因此你需要在NodeList返回时使用它,querySelectorAll一般使用.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;
}