Classlist.add 以更短的方式？

Question

Hey I have to give some list items their own classes. But my way of doing it is a bit too much. Is there a way to make this cleaner with a loop or something like that?

Javascript:

function classAdden() {
    var element = document.querySelectorAll("LI");
    element[0].classList.add("javascript"); // Javascript
    element[1].classList.add("tinkiewinkie"); // Tinkie Winkie
    element[2].classList.add("dipsi"); // Dipsi
    element[3].classList.add("php"); // PHP
    element[4].classList.add("lala"); // Lala
    element[5].classList.add("po"); // Po
    element[6].classList.add("jquery"); // jQuery
}

Answer 1

Maybe:

const names = ["javascript", ..., "jquery"];
for (let i = 0; i < names.length; i++)
    element[i].classList.add(names[i]);

?

Answer 2

Store the values in array and use forEach()

const arr = ["javascript","tinkiewinkie","dipsi","php","lala","po","jquery"]; 
function classAdden() {
     const element = document.querySelectorAll("LI"); 
     arr.forEach((a,i) => element[i].classList.add(a)); 
}