如何遍历一个JavaScript数组

标签 IT工具网 javascript

原问题：Loop through array in JavaScript

在Java中，可以使用改进的for()循环来遍历一个数组：

String[] myStringArray = {"Hello","World"};
for(String s : myStringArray)
{
    //Do something
}

在JavaScript中对数组的遍历也能这样简洁方便么？

• JavaScript中的for语句
• JavaScript的对象及其属性

for Statement

JavaScript中的for语句有两种形式：

    // for
    for (initialization; condition; update) {
        statements
    }

    // for...in
    for (variable in object) {
        if (filter) {
            statements
        }
    }

第一种for语句跟Java中一样，它是遍历 _(Iteration)_。第二种为枚举 _(Enumeration)_，我们称其为for...in语句，它有点特别。

关于Iteration和Enumeration的区别，请参考：Enumeration VS Iteration

从形式上可以看出，for...in是用来*遍历一个对象的所有属性(Properties)*的。

Object and Properties

• JavaScript中，除了基本值类型变量之外，其他变量都代表一个对象。
• 一个JavaScript的对象就是一个JSON实例，是一组属性的集合。
• 一个JavaScript对象的属性也是变量

因此这是一个递归定义。

Object Properties

对于一个对象的属性*(Object Properties)*，我们从其性质和来源两方面来分析。

性质： * 属性(Property)本身是一个对象，有一个名字 * 属性(Property)包含若干个attributes，包括value, enumerable, configurable, writable。这些attributes定义了存取这个属性的权限

来源：

由于Prototype Chain机制，一个JavaScript对象会自动地*拥有*其Prototype Chain上游对象的属性。

• 继承属性 (inherited property)
• 自定义属性 (own defined property)

这两类属性的性质是不同的，具有不同的存取权限。

为了区分一个对象的属性的来源，JavaScript为Object对象提供了hasOwnProperty(key)方法。

因此，如果你使用for...in且只想遍历你的自定义对象的自定义属性，那么需要使用hasOwnProperty(key)方法。

    for (variable in object) {
        if (object.hasOwnProperty(variable)) {
            statements
        }
    }