当我在 JavaScript 中使用 for...of 迭代 DOM 集合中的最后一个对象时，我怎么知道？

Question

我正在使用以下代码遍历 DOM 元素的集合（如下所示：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of#Iterating_over_a_DOM_collection）

let articleParagraphs = document.querySelectorAll("article > p");

for (let paragraph of articleParagraphs) {
  paragraph.classList.add("read");
}

如何检测我当前循环通过的集合中的哪个对象？最重要的是，我怎么知道我当前正在查看最后一个对象的时间？

Answer 1

将变量设置为列表中的最后一段。

var lastParagraph = articleParagraphs[articleParagraphs.length-1];
for (let paragraph of articleParagraphs) {
    paragraph.classList.add("read");
    if (paragraph == lastParagraph) {
        ...
    }
}