for ... in statement - 任意顺序意味着什么

时间:2015-01-21 22:06:30

标签: javascript d3.js ecmascript-5

我有一个非常基本的ECMAScript问题,我不确定阅读文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in 或问题。

我想迭代一个对象,例如构造一个数组。另见我的问题: How to load a csv file without knowing the number of columns beforehand

如果我用d3.js读取csv文件,我会获得一个对象数组。我想从它构建一个数组数组,所以我使用for(key in obj)语句。我是否必须对每个对象进行属性检查以确保正确的顺序(任意顺序的一种解释),或者我可以假设属性将以相同的顺序被拾取(第二种解释:只是顺序是任意的 - 但是稳定)。似乎许多例子都假设后者的解释。 有人可以澄清一下吗?

1 个答案:

答案 0 :(得分:2)

您不应期望for..in语句以任何特定顺序迭代您的对象属性,即使在具有相同属性的对象的迭代中也是如此。您可以采取不同的方法来确保正确的订单,这是我经常使用的方法:

// this is the order I want the values in
var order       = ['id', 'first', 'last'];
var collection  = [{ first: 'Jane', last: 'Doe', id: 1}, {last: 'Smith', id: 2, first: 'John'}];
var outputArray = [];

collection.forEach(function(row){
  var tmpRow = [];
  for(var attr in row){
    // get the target index of the current attribute
    var index = order.indexOf(attr);
    // insert into desired position
    tmpRow[index] = row[attr];
  }
  outputArray.push(tmpRow);
})

console.log(outputArray)

希望这有用。

相关问题