Object.keys() 遍歷對象

Object.keys()方法的運用與數組遍歷

Object.keys()用於獲得由對象屬性名組成的數組，可與數組遍歷相結合使用，用起來效果杠杠滴。數組遍歷可以用for()或forEach()來實現，forEach()方法是ECMAScript5定義的遍歷數組的一個新方法，按照索引的順序挨個傳遞給定義的函數；接下來就Object.keys()分別結合for()和forEach()使用進行運用，用console.log輸出到控制台，代碼如下：

1.for()

    //創建對象
    var person = {
        ChineseName: "wjh",
        EnglishName: "Bruce",
        age: 10,
        school:"HQ University"
    }
    var keys = Object.keys(person);//獲得對象屬性名組成的數組
        varvalue = [];//用於存儲匹配的屬性值
        //用for進行遍歷
     for (var i = 0,len = keys.length; i < len; i++) {
        var key = keys[i];
        value[i] = person[key];
        console.log("person ", key, ": ", value[i]);
    }

2.forEach()

    //創建對象
    var person = {
        ChineseName: "wjh",
        EnglishName: "Bruce",
        age: 10,
        school:"HQ University"
    }
    //用forEach()進行遍歷
    var keys = Object.keys(person).forEach(function(tz) {
        console.log("person ", tz, ": ", person[tz]);
    });

運行程序，兩種方法的結果是一樣的，效果如下圖，至於使用哪種方法，就智者見智，仁者見仁啦，for(),用起來比較容易上手，但太羅嗦；forEach()和相關的遍歷方法結合，使得數組擁有簡單而強大的函數式編程風格,更加強大。