Ordem dos elementos em um loop "for (… in…)"

O loop "for ... in" no Javascript passa pelas hashtables / elementos na ordem em que são declarados? Existe um navegador que não faça isso em ordem?
O objeto que desejo usar será declarado uma vez e nunca será modificado.

Suponha que eu tenha:

var myObject = { A: "Hello", B: "World" };

E eu ainda os uso em:

for (var item in myObject) alert(item + " : " + myObject[item]);

Posso esperar 'A: "Olá"' sempre antes de 'B: "Mundo"' na maioria dos navegadores decentes?

Citando John Resig :

Atualmente, todos os principais navegadores fazem um loop sobre as propriedades de um objeto na ordem em que foram definidos. O Chrome também faz isso, exceto em alguns casos. [...] Esse comportamento é explicitamente deixado indefinido pela especificação ECMAScript. No ECMA-262, seção 12.6.4:

A mecânica de enumerar as propriedades ... depende da implementação.

No entanto, a especificação é bem diferente da implementação. Todas as implementações modernas do ECMAScript iteram pelas propriedades do objeto na ordem em que foram definidas. Por esse motivo, a equipe do Chrome considerou isso um bug e o corrigirá.

Todos os navegadores respeitam a ordem de definição, com exceção do Chrome e Opera, o que ocorre com todos os nomes de propriedades não numéricos. Nesses dois navegadores, as propriedades são colocadas em ordem antes da primeira propriedade não numérica (isso tem a ver com a maneira como eles implementam matrizes). O pedido também é o mesmo Object.keys.

Este exemplo deve deixar claro o que acontece:

var obj = {
  "first":"first",
  "2":"2",
  "34":"34",
  "1":"1",
  "second":"second"
};
for (var i in obj) { console.log(i); };
// Order listed:
// "1"
// "2"
// "34"
// "first"
// "second"

Os detalhes técnicos disso são menos importantes do que o fato de que isso pode mudar a qualquer momento. Não confie nas coisas que ficam assim.

Resumindo: use uma matriz se a ordem for importante para você.

Colidindo com isso um ano depois ...

É 2012 e os principais navegadores ainda diferem:

function lineate(obj){
    var arr = [], i;
    for (i in obj) arr.push([i,obj[i]].join(':'));
    console.log(arr);
}
var obj = { a:1, b:2, c:3, "123":'xyz' };
/* log1 */  lineate(obj);
obj.a = 4;
/* log2 */  lineate(obj);
delete obj.a;
obj.a = 4;
/* log3 */  lineate(obj);

essência ou teste no navegador atual

Safari 5, Firefox 14

["a:1", "b:2", "c:3", "123:xyz"]
["a:4", "b:2", "c:3", "123:xyz"]
["b:2", "c:3", "123:xyz", "a:4"]

Chrome 21, Opera 12, nó 0.6, Firefox 27

["123:xyz", "a:1", "b:2", "c:3"]
["123:xyz", "a:4", "b:2", "c:3"]
["123:xyz", "b:2", "c:3", "a:4"]

IE9

[123:xyz,a:1,b:2,c:3] 
[123:xyz,a:4,b:2,c:3] 
[123:xyz,a:4,b:2,c:3] 

Na especificação de idioma ECMAScript , seção 12.6.4 (no for .. inloop):

A mecânica de enumerar as propriedades depende da implementação. A ordem da enumeração é definida pelo objeto.

E seção 4.3.3 (definição de "Objeto"):

É uma coleção não ordenada de propriedades, cada uma das quais contém um valor primitivo, objeto ou função. Uma função armazenada na propriedade de um objeto é chamada de método.

Acho que isso significa que você não pode confiar nas propriedades que estão sendo enumeradas em uma ordem consistente nas implementações de JavaScript. (Seria um estilo ruim, de qualquer maneira, contar com detalhes específicos da implementação de uma linguagem.)

Se você deseja que seu pedido seja definido, será necessário implementar algo que o defina, como uma matriz de chaves que você classifica antes de acessar o objeto com ele.

Os elementos de um objeto que enumera / são as propriedades que não possuem o sinalizador DontEnum definido. O padrão ECMAScript, também conhecido como Javascript, diz explicitamente que "Um Objeto é uma coleção não ordenada de propriedades" (consulte http://www.mozilla.org/js/language/E262-3.pdf, seção 8.6).

Não será compatível com os padrões (ou seja, seguro) assumir que todas as implementações de Javascript serão enumeradas em ordem de declaração.

A ordem de iteração também é confundida com relação à exclusão de propriedades, mas neste caso apenas com o IE.

var obj = {};
obj.a = 'a';
obj.b = 'b';
obj.c = 'c';

// IE allows the value to be deleted...
delete obj.b;

// ...but remembers the old position if it is added back later
obj.b = 'bb';
for (var p in obj) {
    alert(obj[p]); // in IE, will be a, bb, then c;
                   // not a, c, then bb as for FF/Chrome/Opera/Safari
}

O desejo de alterar as especificações para corrigir a ordem da iteração parece ser um desejo bastante popular entre os desenvolvedores se a discussão em http://code.google.com/p/v8/issues/detail?id=164 for alguma indicação.

no IE6, o pedido não é garantido.

O pedido não pode ser confiável. O Opera e o Chrome retornam a lista de propriedades sem ordem.

<script type="text/javascript">
var username = {"14719":"A","648":"B","15185":"C"};

for (var i in username) {
  window.alert(i + ' => ' + username[i]);
}
</script>

O código acima mostra B, A, C no Opera e C, A, B no Chrome.

Isso não responde à pergunta em si, mas oferece uma solução para o problema básico.

Supondo que você não possa confiar na ordem de preservação, por que não usar uma matriz de objetos com chave e valor como propriedades?

var myArray = [
    {
        'key'   : 'key1'
        'value' : 0
    },
    {
        'key'   : 'key2',
        'value' : 1
    } // ...
];

Agora, cabe a você garantir que as chaves sejam únicas (supondo que isso também seja importante para você. Além disso, as alterações de endereçamento direto e para (... em ...) agora retornam índices como 'chaves'.

> console.log(myArray[0].key);
key1

> for (let index in myArray) {console.log(myArray[index].value);}
0
1