手册目录

JavaScript

浏览2676
更新时间2025-08-07

For In 循环

JavaScript for in 语句循环遍历对象的属性:

语法

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

实例

const person = {fname:"Bill", lname:"Gates", age:25};

let text = "";
for (let x in person) {
  text += person[x];
}
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释

  • for in 循环遍历 person 对象
  • 每次迭代返回一个 (x)
  • 键用于访问键的
  • 键的值为 person[x]

For In 遍历数组

JavaScript for in 语句也可以遍历数组的属性:

语法

for (variable in array) {
  code
}

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}
运行实例 »

点击 "运行实例" 按钮查看在线实例

如果索引顺序很重要,请不要在数组上使用 for in

索引顺序依赖于实现,可能不会按照您期望的顺序访问数组值。

当顺序很重要时,最好使用 for 循环、for of 循环或 Array.forEach()

Array.forEach()

forEach() 方法为每个数组元素调用一次函数(回调函数)。

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value;
}
运行实例 »

点击 "运行实例" 按钮查看在线实例

请注意,该函数采用 3 个参数:

  • 项目值
  • 项目索引
  • 数组本身

上面的例子仅使用 value 参数。可以改写为:

实例

const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
  txt += value;
}
运行实例 »

点击 "运行实例" 按钮查看在线实例

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221965次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624560次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240721次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397467次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623339次学习

收藏
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号