JavaScript for...in 语句

今天在游览菜鸟教程的时候无意中发现js中的for...in语句，它不仅可以用来遍历数组，还可以用来遍历对象属性，感觉在最近的项目中可以用到，在此记录一下加深一下印象。
for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）
for...in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作

语法

for (变量 in 对象)
{
    在此执行代码
}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

1、遍历数组

<script type="text/javascript">
    var mycars = new Array()
    mycars[0] = "宝马"
    mycars[1] = "奔驰"
    mycars[2] = "宾利"
    for (x in mycars) {
        document.write(mycars[x] + "<br />")
    }
</script>

运行结果：

宝马
奔驰
宾利

2、遍历对象属性

<script type="text/javascript">
    var student = {name:'张三', age:18, phone:'17856545878', email:'zhangsan@163.com'}
    for (x in student ) {
        document.write(student[x] + "<br />")
    }
</script>

运行结果：

张三
18
17856545878
zhangsan@163.com

在遍历对象属性时，代码中x的值是属性名称，通过“对象[属性名称]”的方式取到属性值

<script type="text/javascript">
    var student = {name:'张三', age:18, phone:'17856545878', email:'zhangsan@163.com'}
    for (x in student ) {
        document.write(x + "<br />")
    }
</script>

执行上面代码结果为：

name
age
phone
email

由此可见x是student对象的属性名称，如果遍历的是数组，则x的值是索引下标