JavaScript: Convert a NodeList to an array

JavaScript fundamental (ES6 Syntax): Exercise-174 with Solution

Write a JavaScript program to convert a NodeList into an array.

  • Use spread operator (...) inside new array to convert a NodeList to an array.

Sample Solution:

JavaScript Code:

// Define a function 'nodeListToArray' that takes a DOM NodeList 'nodeList'
const nodeListToArray = nodeList => 
  // Convert the NodeList to an array using the 'slice' method of the 'Array.prototype' object
  // This is achieved by calling 'Array.prototype.slice' with the 'nodeList' as 'this' and no arguments
// Log the result of converting the child nodes of the document to an array




flowchart: Convert a NodeList to an array

Live Demo:

See the Pen javascript-basic-exercise-174-1 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to get the nth element of an given array.
Next: Write a JavaScript program to get the index of the function in an array of functions which executed the fastest.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.