Is there a way to convert the following jQuery method to pure javascript?
var myProps =
$(".interp").map(function () {
return this.id;
}).get();
I do not know how many objects will be available each time. There may be 3, 15, 20, etc.. objects in the map.
Pure JavaScript contains a .map method too, it's on Array so you'd need to use it on the NodeList returned from querySelectorAll generically using .call:
var myProps = Array.prototype.map.call(document.querySelectorAll(".interp"),function (el) {
return el.id;
});
Alternatively, you can convert the NodeList to an array and use more compact syntax.
function query(selector){
return Array.prototype.slice.call(document.querySelectorAll(selector),0);
}
Which would let you do:
query(".interp").map(function(el){
return el.id;
}
.map pretty easily yourself, MDN contains a pretty good one developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… . It's fine to shim methods that already exist in new JS implementations like .map .filter .reduce and so on :)
document, so it's document.querySelectorAll - note querySelectorAll requires IE8 and up so if you need to support older browsers you need to select the elements differently or use a selector engine like sizzle. Also, no need to apologize, if my answer has a problem in it I want to know - that's one of the reasons I come to SO - to be peer reviewed, and it is also part of how I learn.