目录

JavaScript for...in 循环

示例

迭代(循环)对象的属性:

const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
  text += person[x] + " ";
}
亲自试一试 »

迭代(循环)数组的值:

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
  text += cars[x] + " ";
}
亲自试一试 »

下面有更多示例。


描述

这个for...in语句组合迭代(循环)对象的属性。

循环内的代码块针对每个属性执行一次。

笔记

如果索引顺序很重要,请勿使用 for...in 来迭代数组。请改用 for 循环。

也可以看看:

教程中的 JavaScript...


语法

for (x in object) {
  code block to be executed
}

参数

Parameter Description
x Required.
A variable to iterate over the properties.
object Required.
The object to be iterated


JavaScript 循环语句

声明 描述
休息 跳出循环
继续 跳过循环中的值
尽管 当条件为 true 时循环代码块
做……同时 循环代码块一次,然后当条件为 true 时循环
为了 当条件为 true 时循环代码块
为了...的 循环任何可迭代的值
为...在 循环对象的属性

更多示例

迭代 window.location 的属性:

let text = "";
for (let x in location) {
  text += x + "
";
}
document.getElementById("demo").innerHTML = text;
亲自试一试 »

浏览器支持

for...in是 ECMAScript1 (ES1) 功能。

所有浏览器均完全支持 ES1 (JavaScript 1997):

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes