Назначить переменную в использовании для цикла JS

Question

Я пытаюсь узнать, как использовать цикл для создания и назначения переменных. У меня есть список предметов, собранных с использованием:

document.getElementsByClassName("category-item-link")

возвращается:

[a.category-item-link, a.category-item-link, a.category-item-link, a.category-item-link, a.category-item-link, a.category-item-link]

Моя цель - назначить каждый элемент переменной, называемой link [0] - link [5], используя for loop.

Answer 1

Поскольку он уже возвращает коллекцию элементов, вы можете просто сделать это (я преобразовал link в массив, чтобы вы могли видеть только элементы):

var link = [...document.getElementsByClassName("category-item-link")];
console.log(link);

<a class="category-item-link">Link</a>
<a class="category-item-link">Link</a>
<a class="category-item-link">Link</a>
<a class="category-item-link">Link</a>
<a class="category-item-link">Link</a>
<a class="category-item-link">Link</a>

Answer 2

getElementsByClassName возвращает объект с коллекцией элементов. Таким образом, вы уже можете получить доступ к каждому элементу к переменной с именем link [0] - link [5] следующим образом:

const link = document.getElementsByClassName("category-item-link")

Однако, для отработки цикла, вы можете сделать следующее:

const objs = document.getElementsByClassName("category-item-link")
const link = []

for (let i = 0; i < objs.length; i++) {
    link[i] = objs[i]
}

или как это:

const objs = document.getElementsByClassName("category-item-link")
const link = []

for (const obj of objs) {
    link.push(obj)
}