Warum ist es eine schlechte Idee, "for...in" zur Iteration von Arrays zu verwenden?

Question

Man hat mir gesagt, for...in nicht mit Arrays in JavaScript zu verwenden. Warum nicht?

Answer 1

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

// 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, die ihr enumerierbares Eigenschaftsattribut auf true gesetzt haben. Wenn man also versucht, über ein Objekt mit for...in zu iterieren, können beliebige Eigenschaften verpasst werden, wenn ihr enumerierbares Eigenschaftsattribut falsch ist. Es ist durchaus möglich, das enumerierbare Eigenschaftsattribut für normale Array-Objekte zu ändern, so dass bestimmte Elemente nicht aufgezählt werden. Im Allgemeinen neigen die Eigenschaftsattribute dazu, auf Funktions-eigenschaften innerhalb eines Objekts zuzutreffen.

Man kann den Wert des enumerierbaren Eigenschaftsattributs einer Eigenschaft ü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 enumerierbaren 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 eine Zeichenkette und nicht ein 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 feststellen, wie es durch die Elemente geht. Wenn Sie also wissen, dass Ihr Array wirklich nicht-assoziativ ist, können Sie for (var i=0; i<=arrayLen; i++) verwenden und die automatische Detektionsiteration überspringen.

Aber meiner Meinung nach ist es besser, for/in zu verwenden, der für die Autoerkennung erforderliche Prozess ist sehr gering.

Eine richtige Antwort darauf hängt davon ab, wie die Browser den JavaScript-Code analysieren/interpretieren. Es kann sich zwischen Browsern ändern.

Ich kann keine anderen Zwecke für das Nichtverwenden von for/in finden;

//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 Sie nicht darauf achten.

Sie können for.. in verwenden, stellen Sie einfach sicher, dass Sie jede Eigenschaft mit hasOwnProperty überprüfen.