TYPESCRIPT

create array from htmlcollection

//Use the Array.from() method to convert a nodelist or HTMLcollection into an array.

let elements = document.getElementsByClassName("classnameHere");
let arrayOfElements = Array.from(elements);

//Now arrayOfElements is iterable with methods such as .forEach().

js convert htmlCollection to array

var children = [].slice.call(document.getElementById(...).children);

convert htmlcollection to array

let arry = [...htmlCollection]

convert HTMLCollection to array

/* convert HTMLCollection */
const buttonsV1 = [...document.getElementsByClassName("modal-detail-movie")]
const buttonsV2 = Array.from(document.getElementsByClassName("modal-detail-movie"))

Convert HTMLCollection to an array with JavaScript

function BoxAppearence() {
  var BoxCollection = document.getElementsByClassName("Box");
  var BoxArray = Array.from(BoxCollection);
  
  console.log("### BoxCollection ###");
  console.log("Is 'BoxCollection' an array?", Array.isArray(BoxCollection));
  console.log(BoxCollection);
  console.log(BoxCollection[12])
  console.log('

');
  console.log("### BoxArray ###");
  console.log("Is 'BoxArray' an array?", Array.isArray(BoxArray));
  console.log(BoxArray);
  console.log(BoxArray[12]);
}

BoxAppearence();