Warum ist es keine gute Idee, "for...in" für die Iteration von Arrays zu verwenden?

Question

Ich wurde darauf hingewiesen, dass ich in JavaScript for...in nicht mit Arrays verwenden soll. Warum?

Answer 1

Außerdem ist aufgrund der Semantik die Art und Weise, wie for, in Arrays behandelt (d.h. genauso wie jedes andere JavaScript-Objekt), nicht mit anderen beliebten Sprachen übereinstimmt.

// C#
char[] a = new char[] {'A', 'B', 'C'};
foreach (char x in a) System.Console.Write(x); //Ausgabe: "ABC"

// Java
char[] a = {'A', 'B', 'C'};
for (char x : a) System.out.print(x);          //Ausgabe: "ABC"

// PHP
$a = array('A', 'B', 'C');
foreach ($a as $x) echo $x;                    //Ausgabe: "ABC"

// JavaScript
var a = ['A', 'B', 'C'];
for (var x in a) document.write(x);            //Ausgabe: "012"

Answer 2

Ein wichtiger Aspekt ist, dass for...in nur über Eigenschaften eines Objekts iteriert, deren enumerable Eigenschaftsattribut auf true gesetzt ist. Wenn man also versucht, über ein Objekt mit for...in zu iterieren, können beliebige Eigenschaften verpasst werden, wenn ihr enumerable Eigenschaftsattribut falsch ist. Es ist durchaus möglich, das enumerable Eigenschaftsattribut für normale Array-Objekte zu ändern, so dass bestimmte Elemente nicht aufgezählt werden. Im Allgemeinen gelten die Eigenschaftsattribute jedoch für Funktions-Eigenschaften innerhalb eines Objekts.

Man kann den Wert eines Eigenschafts' enumerable Eigenschaftsattribute überprüfen, indem man:

myobject.propertyIsEnumerable('myproperty')

Oder um alle vier Eigenschaftsattribute zu erhalten:

Object.getOwnPropertyDescriptor(myobject,'myproperty')

Dies ist eine Funktion, die in ECMAScript 5 verfügbar ist - in früheren Versionen war es nicht möglich, den Wert des enumerable Eigenschaftsattributs zu ändern (es war immer auf true gesetzt).

Answer 3

Zusätzlich zu den anderen Problemen ist die "for..in"-Syntax wahrscheinlich langsamer, weil der Index ein String und kein Integer ist.

var a = ["a"]
for (var i in a)
    alert(typeof i)  // 'string'
for (var i = 0; i < a.length; i++)
    alert(typeof i)  // 'number'

Answer 4

Das for/in funktioniert mit zwei Arten von Variablen: Hashtabellen (assoziative Arrays) und Arrays (nicht-assoziativ).

JavaScript wird automatisch bestimmen, auf welche Weise es die Elemente durchläuft. Wenn Sie also wissen, dass Ihr Array wirklich nicht-assoziativ ist, können Sie for (var i=0; i<=arrayLen; i++) verwenden und die Autodetektionsschleife überspringen.

Aber meiner Meinung nach ist es besser, for/in zu verwenden, der Prozess, der für diese Autodetektion erforderlich ist, ist sehr gering.

Die richtige Antwort darauf hängt davon ab, wie die Browser den JavaScript-Code interpretieren. Dies kann je nach Browser variieren.

Ich kann mir keinen anderen Zweck vorstellen, for/in nicht zu verwenden;

//Nicht-assoziativ
var arr = ['a', 'b', 'c'];
for (var i in arr)
   alert(arr[i]);

//Assoziativ
var arr = {
   item1 : 'a',
   item2 : 'b',
   item3 : 'c'
};

for (var i in arr)
   alert(arr[i]);

Answer 5

Weil es über Eigenschaften iterieren wird, die Objekten in der Prototypenkette gehören, wenn du nicht aufpasst.

Du kannst for.. in verwenden, aber achte darauf, jede Eigenschaft mit hasOwnProperty zu überprüfen.