当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JavaScript遍历对象中的所有属性

JavaScript遍历对象中的所有属性

2012/11/12 16:22:02作者:佚名来源:网络

移动端

【实例名称】

JavaScript遍历对象中的所有属性

【实例描述】

本例学习如何创建对象,如何设置对象的属性,以及如何遍历对象的所有属性。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="javascript">     var Person = new Object();      //创建对象     Person.name = "张三";           //为对象添加属性     Person.age = "26";     Person.phone = "010-88888888";     for (var parm in Person)     {         //依次显示对象中的所有属性         alert("属性: '" + parm + "' 值: " + Person[parm]);     } </script> </head> <body> </body> </html>

【运行效果】

 JavaScript遍历对象中的所有属性运行效果

【难点剖析】

本例的重点是“for…in”循环,此循环通过逐个遍历的方式显示对象的所有属性。访问对象的属性值可以使用索引器的形式,如本例中的“Person[parm]”。通常把“[索引]”的形式称为索引器,括号中的值可以是从“0”开始的索引,也可以是唯一的标识值。

【源码下载】

为了JS代码的准确性,请点击:JavaScript遍历对象中的所有属性 进行本实例源码下载 

标签: 对象