is there an alternative to for loop?

Question

i have a function here that will put the innerHTML of each li element to an array

let li = document.getElementsByTagName("li");
let array = [];
for (var i = 0; i < li.length; i++) {
  array.push(li[i].innerHTML);
}

and im wondering if there is any alternative or faster way to do this

i tried using spread operator like this but it only shows the elements and idk how to get the innerHTML of each li

let array = [...li];

Answer 1

// Simple map function over the li elements
// Also use const on both variables ('li' and 'array') - as they are not being changed
const li = document.getElementsByTagName("li");
const array = [...li].map((e) => e.innerHTML);

Answer 2

You can use the map() method like this:

let lis = document.getElementsByTagName("li");
let array = [...lis].map(e => e.innerHTML);
console.log(array);

<ul>
  <li>SomeThing</li>
  <li>SomeThing</li>
  <li>SomeThing</li>
  <li>SomeThing</li>
</ul>