Ideas/conceptos claves

Los objetos NodeList son colecciones de nodos como los devueltos por propiedades como Node.childNodes y el método document.querySelectorAll ()..

Recursos

NodeList

Apuntes

• El nodeList es diferente de un Array
• Cuando usamos lista de selectores como ser querySelectorAll
• NodeList tiene propiedades y métodos de arrays
  • Length
  • ForEach
• Pero no cuenta con métodos más complejos como ser
  • Map
  • Some
  • Filter
  • Reduce
• Podemos pasar un nodeList como un arreglo con ES6
  • Obteniendo todas las ventajas de los arrays

const nodeListAsArray = [...nodeList]

<aside> 💡 Siempre que tengas un Node List es recomendable pasarlo a array, para tener más métodos y para tener una mejor optimización la cual cuentan los arrays y no los nodeList

</aside>

<aside> 📌 RESUMEN: Los NodeList son listas de elementos devueltas por el navegador, las cuales son diferentes de un array debido a que no cuentan con todos los métodos que tienen soporte los arrays como ser map o reduce. La recomendación sugiere usar siempre los nodeList como arrays

</aside>