En JavaScript, quelle est la meilleure façon de convertir une NodeList en tableau ?

Question

La méthode DOM document.querySelectorAll() (et quelques autres) renvoient un NodeList .

Pour opérer sur la liste, par exemple à l'aide de forEach() le NodeList doit d'abord être converti en un Array .

Quelle est la meilleure façon de convertir le NodeList à un Array ?

Answer 1

Version TypeScript :

const allDayElements: Element[] = [].slice.call(document.querySelectorAll('span'));

Answer 2

En supposant que elems est une liste de nœuds :

var elems = document.querySelectorAll('select option:checked');

alors il peut être transformé en un tableau comme suit :

var values = [].map.call(elems, function(obj) {
  return obj.value;
});

Référence : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map#Example:_using_map_generically_querySelectorAll