Javascript中的for in语句获取对象属性的顺序问题

下面创建一个对象，并为对象添加一些属性：

var user = {};
if(!user['Jason'']) {
    user['Jason''] = [];
}
user['Jason'']['grade''] = 3;
user['Jason'']['isChinese''] = 1;

if(!user['arthinking'']) {
    user['arthinking''] = [];
}
user['Jason'']['grade''] = 4;
user['Jason'']['isChinese''] = 1;

我们获取user.length时发现，它是undefined的，我们只能通过for in循环获取对象的属性：

for(var key in user){
    console.log('key: ', key);
}

可以发现，循环输出的属性并不是按照创建的属性进行排列的。

Chrome Opera 的 JavaScript 解析引擎遵循的是新版 ECMA-262 第五版规范。因此，使用 for-in 语句遍历对象属性时遍历书序并非属性构建顺序。而 IE6 IE7 IE8 Firefox Safari 的 JavaScript 解析引擎遵循的是较老的 ECMA-262 第三版规范，属性遍历顺序由属性构建的顺序决定。

for-in 语句无法保证遍历顺序，应尽量避免编写依赖对象属性顺序的代码。如果想顺序遍历一组数据，请使用数组并使用 for 语句遍历。 如果想按照定义的次序遍历对象属性，请参考本文针对各浏览器编写特殊代码。

如果我们需要按照一定的顺序输出属性，也可以先在一个数组中保存所有的key值，再将数组排序，最后循环这个key数组，通过key获取对象中的属性即可：

var user = {};
if(!user['Jason']) {
    user['Jason'] = [];
}
user['Jason']['grade'] = 3;
user['Jason']['level'] = 1;

if(!user['arthinking']) {
    user['arthinking'] = [];
}
user['arthinking']['grade'] = 4;
user['arthinking']['level'] = 1;

console.log(user);

for(var key in user){
    console.log('key: ', key);
}

var keys = [];
for(var key in user){
    keys.push(key);
}
keys = keys.sort();

for(var i=0; ivar key = keys[i];
    console.log(user[key]['grade']);
}

除了文章中有特别说明，均为IT宅原创文章，转载请以链接形式注明出处。
本文链接： http://www.itzhai.com/obtain-the-order-of-object-properties-in-javascript-for-in-the-statement.html

关键字:  Javascript

arthinking 指弹吉他 && 技术 more