.style.color工作正常，但仍会引发错误

Question

我正在尝试通过更改其颜色来显示HTML段落元素。我为特定元素（多个元素，其位于for循环内）设置样式的行抛出错误。它工作正常，但是在那行之后我无法执行任何操作，因为错误将其停止。

这是代码（被chrome工具停止了）。 U可以看到该元素已定义，如果将鼠标悬停在该元素上，则会显示我需要的确切元素。

错误消息说该元素未定义，但是我绝对可以确定，我不知道该怎么做。

const letterIndex = findIndexOfLetter(word, letter.innerHTML);
    for (w = 0; w <= letterIndex.length; w++) {
      var theLetter = wordLetters[letterIndex[w]]
      theLetter.style.color = "azure";
    }

Answer 1

当使用for循环遍历数组（或类似数组的集合，在这里不重要）时，您可以

for (let i = 0; i < collection.length; i++) { //...

不是

for (let i = 0; i <= collection.length; i++) { //...

在<=停止条件下，最后一次迭代在数组外部。