const images = document.querySelectorAll('img');
const imagesArray = Array.from(images);
// Create an array based on a property of the Elements e.g Classes.
const boxes = document.querySelectorAll('div.boxes');
const boxesClasses = Array.from(boxes, box => box.classList);
// This would create an array of the classes of all boxes
Array.from("Hello"); // ["H", "e", "l", "l", "o"]
[...'hello world'] // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']