JavaScript for...in 循环详解:遍历对象属性

作者:木棉

时间:2026-10-29

浏览:580

本文介绍 JavaScript 中的 for...in 循环语句,用于遍历对象的所有可枚举属性。通过语法说明及 Navigator 对象遍历示例,展示如何将属性名赋值给变量并执行操作,帮助开发者理解该循环在对象处理中的实际应用。

文章目录

for...in 循环概述

JavaScript 提供了另一种循环结构,即 for...in 循环。这种循环专门用于遍历对象的属性。

语法与示例

由于此前未涉及对象概念,初学者可能暂时难以理解其用途。但在掌握 JavaScript 对象相关知识后,会发现该循环具有极高的实用价值。 语法


for (variablename in object){
 statement or block to execute
}

在每次迭代中,对象的一个属性会被赋值给指定的变量名(variablename)。循环会持续执行,直到对象的所有属性都被遍历完毕。 例子:

以下示例展示了如何打印 Web 浏览器中 Navigator 对象的所有属性:


<script type="text/javascript">
<!--
var aProperty;
document.write("Navigator Object Properties<br /> ");
for (aProperty in navigator)
{
 document.write(aProperty);
 document.write("<br />");
}
document.write("Exiting from the loop!");
//-->
</script>

执行上述代码将产生如下输出结果:


Navigator Object Properties
appCodeName
appName
appMinorVersion
cpuClass
platform
plugins
opsProfile
userProfile
systemLanguage
userLanguage
appVersion
userAgent
onLine
cookieEnabled
mimeTypes
Exiting from the loop! 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章