JS for each...in

🌙
手机阅读
本文目录结构

功能

使用一个变量迭代一个对象的所有属性值,对于每一个属性值,有一个指定的语句块被执行。

作为 ECMA-357(E4X) 标准的一部分,for each…in 语句已被废弃,E4X 中的大部分特性已被删除,但考虑到向后兼容,for each…in 只会被禁用而不会被删除,可以使用 ES6 中新的 for…of 语句来代替。(bug 791343.)


for each…in 是 ECMA-357 (E4X) 标准的一部分,大部分非 Mozilla 浏览器都没有实现该标准,E4X 并不是 ECMAScript 标准的一部分。

语法

for each (variable in object) {
  statement
}

参数

variable

用来遍历属性值的变量,前面的 var 关键字是可选的。该变量是函数的局部变量而不是语句块的局部变量。

object

属性值会被遍历的对象。

statement

遍历属性时执行的语句。如果想要执行多条语句,请用块语句 ({ … }) 将多条语句括住。

描述

一些对象的内置属性是无法被遍历到的,包括所有的内置方法,例如 String 对象的 indexOf 方法。不过,大部分的用户自定义属性都是可遍历的。

示例

例子:使用 for each…in

警告:永远不要使用 for each…in 语句遍历数组,仅用来遍历常规对象。这里讲解了为什么这么说。

下面的代码片段演示如何遍历一个对象的属性值,并计算它们的和:

var sum = 0;
var obj = {prop1: 5, prop2: 13, prop3: 8};

for each (var item in obj) {
  sum += item;
}

print(sum); // 输出"26",也就是5+13+8的值

参见

  • for…in - 一个相似的语法,用来遍历对象的属性名称而非属性值。
  • for…of - 一个相似的语法,用来遍历可迭代对象,有时候效果等同于 for each…in 语句。
  • for
  • 数组推导式 (该语句中可以使用 for…in,for each…in,for…of 多种语法)

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了