Die Reihenfolge der Elemente erfolgt in einer „for (… in…)“ - Schleife

Durchläuft die Schleife "for ... in" in Javascript die Hashtabellen / Elemente in der Reihenfolge, in der sie deklariert sind? Gibt es einen Browser, der dies nicht in der richtigen Reihenfolge tut?
Das Objekt Ich möchte Verwendung wird deklariert werden einmal und nie geändert werden.

Angenommen, ich habe:

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

Und ich benutze sie weiter in:

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

Kann ich erwarten, dass 'A: "Hallo" in den meisten anständigen Browsern immer vor' B: "Welt" steht?

Zitiert John Resig :

Derzeit durchlaufen alle gängigen Browser die Eigenschaften eines Objekts in der Reihenfolge, in der sie definiert wurden. Chrome tut dies auch, mit Ausnahme einiger Fälle. [...] Dieses Verhalten wird in der ECMAScript-Spezifikation explizit nicht definiert. In ECMA-262, Abschnitt 12.6.4:

Die Mechanik der Aufzählung der Eigenschaften ... ist implementierungsabhängig.

Die Spezifikation unterscheidet sich jedoch erheblich von der Implementierung. Alle modernen Implementierungen von ECMAScript durchlaufen die Objekteigenschaften in der Reihenfolge, in der sie definiert wurden. Aus diesem Grund hat das Chrome-Team dies als Fehler eingestuft und wird es beheben.

Alle Browser respektieren die Definitionsreihenfolge mit Ausnahme von Chrome und Opera, die für jeden nicht numerischen Eigenschaftsnamen gelten. In diesen beiden Browsern werden die Eigenschaften in der Reihenfolge vor der ersten nicht numerischen Eigenschaft abgerufen (dies hängt damit zusammen, wie sie Arrays implementieren). Die Reihenfolge ist auch für die gleiche Object.keys.

Dieses Beispiel soll deutlich machen, was passiert:

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"

Die technischen Details sind weniger wichtig als die Tatsache, dass sich dies jederzeit ändern kann. Verlassen Sie sich nicht darauf, dass die Dinge so bleiben.

Kurz gesagt: Verwenden Sie ein Array, wenn Ihnen die Reihenfolge wichtig ist.

Ein Jahr später ...

Es ist 2012 und die wichtigsten Browser unterscheiden sich immer noch :

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);

Kern oder Test im aktuellen Browser

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, Knoten 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] 

Aus der ECMAScript-Sprachspezifikation , Abschnitt 12.6.4 (in der for .. inSchleife):

Die Mechanik der Aufzählung der Eigenschaften ist implementierungsabhängig. Die Reihenfolge der Aufzählung wird vom Objekt definiert.

Und Abschnitt 4.3.3 (Definition von "Objekt"):

Es ist eine ungeordnete Sammlung von Eigenschaften, von denen jede einen primitiven Wert, ein Objekt oder eine Funktion enthält. Eine in einer Eigenschaft eines Objekts gespeicherte Funktion wird als Methode bezeichnet.

Ich denke, das bedeutet, dass Sie sich nicht darauf verlassen können, dass die Eigenschaften in JavaScript-Implementierungen in einer einheitlichen Reihenfolge aufgelistet werden. (Es wäre sowieso ein schlechter Stil, sich auf implementierungsspezifische Details einer Sprache zu verlassen.)

Wenn Sie möchten, dass Ihre Reihenfolge definiert wird, müssen Sie etwas implementieren, das sie definiert, z. B. ein Array von Schlüsseln, die Sie sortieren, bevor Sie damit auf das Objekt zugreifen.

Die Elemente eines Objekts, die für / in Aufzählungen aufgeführt sind, sind die Eigenschaften, für die das DontEnum-Flag nicht gesetzt ist. Der ECMAScript-Standard, auch bekannt als Javascript, besagt ausdrücklich, dass "Ein Objekt eine ungeordnete Sammlung von Eigenschaften ist" (siehe http://www.mozilla.org/js/language/E262-3.pdf, Abschnitt 8.6).

Es wird nicht standardkonform (dh sicher) sein, anzunehmen, dass alle Javascript-Implementierungen in der Reihenfolge der Deklaration aufgelistet werden.

Die Iterationsreihenfolge wird auch in Bezug auf das Löschen von Eigenschaften verwechselt, in diesem Fall jedoch nur mit dem 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
}

Der Wunsch, die Spezifikation zu ändern, um die Iterationsreihenfolge zu korrigieren, scheint unter Entwicklern ein recht beliebter Wunsch zu sein, wenn die Diskussion unter http://code.google.com/p/v8/issues/detail?id=164 ein Hinweis ist.

In IE6 ist die Reihenfolge nicht garantiert.

Der Bestellung kann nicht vertraut werden. Sowohl Opera als auch Chrome geben die Liste der ungeordneten Eigenschaften zurück.

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

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

Der obige Code zeigt B, A, C in Opera und C, A, B in Chrome.

Dies beantwortet die Frage an sich nicht, bietet aber eine Lösung für das Grundproblem.

Angenommen, Sie können sich nicht auf die Reihenfolge verlassen, um sie zu erhalten, warum nicht ein Array von Objekten mit Schlüssel und Wert als Eigenschaften verwenden?

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

Jetzt müssen Sie sicherstellen, dass die Schlüssel eindeutig sind (vorausgesetzt, dies ist auch für Sie wichtig. Auch direkte Adressierungsänderungen und für (... in ...) geben jetzt Indizes als 'Schlüssel' zurück.

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

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