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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了为什么我不能在Javascript元素集合上使用Array.forEach？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1326字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > JavaScript: Loop through all the elements returned from getElementsByTagName                                    9个
我正在使用Babel / ES6构建应用程序.我想禁用它的仅查看版本的所有表单元素,所以我这样做：

let form = document.getElementById('application-form')
let elements = form.elements

我希望能够做到这一点,而不是使用常规的旧for循环(这确实有效)：

elements.forEach((el) => {
    el.disabled = true
})

但是我得到了TypeError：elements.forEach不是一个函数

奇怪的是,如果我在Chrome开发控制台中使用console.log(元素),它就像一个带有一堆输入对象的数组.它不显示对象的对象表示法,并且所有键都是整数.我认为它是某种伪数组,但我甚至不知道如何找到它.

编辑：简短回答它不是一个数组,它是一个HTMLCollection.见Why doesn’t nodelist have forEach?

* UPDATE *

根据this answer,nodelist现在有forEach方法！

解决方法:

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

无论如何你都可以使用它：

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

或者您可以使用扩散符号：

[...elements].forEach(function(element) {
    // ...
});

…但请注意,它依赖于浏览器中的HTMLFormControlsCollection实现是可迭代的.

或者替代Array.from(你需要一个polyfill,但是你标记了ES2015,所以……)：

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

有关详细信息,请参阅my answer here的“类似阵列”部分.

内容总结

以上是互联网集市为您收集整理的为什么我不能在Javascript元素集合上使用Array.forEach？全部内容，希望文章能够帮你解决为什么我不能在Javascript元素集合上使用Array.forEach？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端