javascript - 为什么我不能在 Javascript 元素集合上使用 Array.forEach？

Question

<分区>

Answer 1

可以。您不能那样使用它，因为HTMLFormControlsCollection 上没有forEach 属性那form.elements给你(这不是一个数组)。

下面是您如何使用它:

Array.prototype.forEach.call(form.elements, (element) => {
    // ...
});

或者在现代浏览器上，您可以利用底层 HTMLCollection 是 iterable 的事实，即使它没有 forEach:

// `for-of`:
for (const element of elements) {
    // ...do something with `element`...
}

// Spreading into an array:
[...elements].forEach((element) => {
    // ...do something with `element`...
});

不过，这不适用于 IE11 等过时的浏览器。

还有 Array.from(需要针对过时浏览器的 polyfill):

Array.from(elements).forEach((element) => {
    // ...
});

有关详细信息，请参阅 my answer here 的“类数组” 部分.