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

发布于 2012-08-16 | 更新于 2020-09-20

下面创建一个对象,并为对象添加一些属性:

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; i<keys.length; i++){
var key = keys[i];
console.log(user[key][‘grade’]);
}

本文作者: arthinking

本文链接: https://www.itzhai.comobtain-the-order-of-object-properties-in-javascript-for-in-the-statement.html

版权声明: 版权归作者所有,未经许可不得转载,侵权必究!联系作者请加公众号。

×
IT宅

关注公众号及时获取网站内容更新。