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
  Array.prototype.slice.call(nodeList);
// Log the result of converting the child nodes of the document to an array
console.log(nodeListToArray(document.childNodes));

Output:

[{},{}]

Flowchart:

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.