To-array conversion in JavaScript

Let's have a pseudo-array of paragraphs:

javascriptlet elems = document.querySelectorAll('p');

Let's convert it to a regular array.

The first way

The most obvious thing to do is to iterate over our pseudo-array in a loop, forming a new array in this loop:

javascriptlet arr = [];

for (let elem of elems) {
  arr.push(elem);
}

The second way

We can use destructuring:

javascriptlet arr = [...elems];

The third way

We can use Array.from method:

javascriptlet arr = Array.from(elems);

Practical tasks

javascriptlet elems = document.querySelectorAll('p');