JavaScript for...in vs for

Question

Denkst du, dass es einen großen Unterschied zwischen for...in und for-Schleifen gibt? Welche Art von "for" ziehst du vor und warum?

Angenommen, wir haben ein Array von assoziativen Arrays:

var myArray = [{'key': 'value'}, {'key': 'value1'}];

Also können wir durchlaufen:

for (var i = 0; i < myArray.length; i++)

Und:

for (var i in myArray)

Ich sehe keinen großen Unterschied. Gibt es Leistungsprobleme?

Answer 1

Die Wahl sollte darauf basieren, welches Idiom am besten verstanden wird.

Ein Array wird iteriert mittels:

for (var i = 0; i < a.length; i++)
   //mache Sachen mit a[i]

Ein Objekt, das als assoziatives Array verwendet wird, wird mittels iteriert:

for (var key in o)
  //mache Sachen mit o[key]

Es sei denn, es gibt erdbebenerregende Gründe, halte dich an das etablierte Nutzungsmuster.

Answer 2

Douglas Crockford empfiehlt in JavaScript: The Good Parts (Seite 24), die Verwendung der Anweisung for in zu vermeiden.

Wenn Sie for in verwenden, um über Eigenschaftsnamen in einem Objekt zu iterieren, sind die Ergebnisse nicht geordnet. Noch schlimmer: Sie könnten unerwartete Ergebnisse erhalten; es beinhaltet Elemente, die von der Prototypenkette geerbt wurden, und den Namen von Methoden.

Alles außer den Eigenschaften kann mit .hasOwnProperty herausgefiltert werden. Dieses Codebeispiel tut, was Sie wahrscheinlich ursprünglich wollten:

for (var name in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, name)) {
        // DO STUFF
    }
}

Answer 3

FYI - jQuery-Benutzer

---

Die each(callback)-Methode von jQuery verwendet standardmäßig eine for( ; ; )-Schleife und wird for( in ) nur verwenden, wenn die Länge undefined ist.

Es ist also sicher anzunehmen, dass die richtige Reihenfolge bei der Verwendung dieser Funktion eingehalten wird.

Beispiel:

$(['a','b','c']).each(function() {
    alert(this);
});
//Gibt "a" dann "b" dann "c" aus

Der Nachteil bei der Verwendung davon ist, dass wenn Sie nicht mit UI-Logik arbeiten, Ihre Funktionen weniger portabel für andere Frameworks sind. Die each()-Funktion ist wahrscheinlich am besten für die Verwendung mit jQuery-Selektoren geeignet und for( ; ; ) wäre anderweitig ratsam.

---

Answer 4

Es gibt Leistungsunterschiede, abhängig davon, welche Art von Schleife Sie verwenden und auf welchem Browser.

Zum Beispiel:

for (var i = myArray.length-1; i >= 0; i--)

ist auf einigen Browsern fast doppelt so schnell wie:

for (var i = 0; i < myArray.length; i++)

Allerdings sind alle schnell genug, es sei denn, Ihre Arrays sind RIESIG oder Sie durchlaufen sie ständig. Ich bezweifle ernsthaft, dass das Schleifen durch Arrays eine Engstelle in Ihrem Projekt ist (oder in einem anderen Projekt, um ehrlich zu sein)

Answer 5

Beachten Sie, dass die nativen Array.forEach Methode jetzt weit verbreitet unterstützt wird.