在使用For循環JS中分配變量

Question

我正在嘗試學習如何使用for循環創建和分配變量。 我有一個使用以下命令收集的項目列表：

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]

我的目標是使用for循環將每個項目分配給一個名為link [0]-link [5]的變量。

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)
}