Was ist der Hauptunterschied zwischen den „for...in'- und „for...of'-Schleifen von JavaScript?

Den Unterschied zwischen for...in und for...of-Anweisungen verstehen

Im Bereich der JavaScript-Schleife gilt für... .in- und for...of-Anweisungen erzeugen oft Verwirrung. Während for...in ein Eckpfeiler für die Iteration über Eigenschaften war, wurde for...of in ES6 entwickelt, um gezielt auf Werte zu zielen. Dieser Artikel befasst sich mit den Hauptunterschieden zwischen diesen beiden Konstrukten.

for...in: Durchlaufen von Eigenschaftsnamen

For...in-Schleifen iterieren über die aufzählbare Eigenschaft Namen eines Objekts. Wie im Beispiel gezeigt, werden erfolgreich „0“, „1“, „2“ und „foo“ protokolliert, die die Indexschlüssel des Arrays und den „foo“-Schlüssel des Array-Objekts darstellen.

for...of: Extrahieren von Eigenschaftswerten

Im Gegensatz dazu verwendet for...of einen objektspezifischen Iterator, um die Werte zu durchlaufen von diesem Iterator generiert. Im Beispiel liefert der Array-Iterator nur die Werte innerhalb des Arrays, nämlich „3“, „5“ und „7“. Dieses Verhalten ergibt sich aus der Tatsache, dass Iteratoren so konzipiert sind, dass sie sich ausschließlich auf Werte konzentrieren.

Nicht-Iteration von Nicht-Index-Eigenschaften

Besonders für...of tut nicht über Nicht-Index-Eigenschaften iterieren. Im Beispiel wird die Eigenschaft „foo“, die den Wert „hello“ enthält, nicht protokolliert. Dies liegt daran, dass der Array-Iterator nur Werte liefert, die mit den Indizes des Arrays verknüpft sind.

Beispiel: Wertorientierte Iteration

Zur Veranschaulichung sollte die folgende Schleife die Array-Werte protokollieren sowie der Eigenschaftswert „foo“, es werden jedoch nur die Array-Werte protokolliert:

for (var i of arr) {
  console.log(i); // logs "3", "5", "7"
}

Dieses Verhalten stärkt das Verständnis, dass for...of speziell für die Iteration über Werte entwickelt wurde, mit Ausnahme von Nicht-Index-Eigenschaften.

Das obige ist der detaillierte Inhalt vonWas ist der Hauptunterschied zwischen den „for...in'- und „for...of'-Schleifen von JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!