Für… in Schleifen in JavaScript - Schlüsselwertpaare

In JavaScript speichern und organisieren Objekte Daten in Schlüsselwertpaaren. Manchmal müssen die Entwickler jedes Schlüsselwertepaar durchlaufen. JavaScript liefert eine Vielzahl von Schleifen, wie z. "für" oder "für jedeLoops, aber sie werden verwendet, um durch Arrays zu iterieren. Zum Ieserieren durch Objekte die “für inDie Schleife wird verwendet, die über die Eigenschaften eines Objekts iteriert.

In diesem Blog wird das JavaScript für… in Schleife veranschaulicht.

So verwenden Sie „für… in“ Schleifen in JavaScript?

In JavaScript die “für inDie Schleife wird verwendet, um die Eigenschaften des Objekts zu iterieren, einschließlich der aufzählbaren Eigenschaften seiner Prototypen. Jede Eigenschaft und ihr Wert werden in der Schleife iteriert.

Syntax

Verwenden Sie die folgende Syntax von für… in Schleife:

für (Variable im Objekt)
//…

Beispiel

Erstellen Sie zunächst ein Objekt von Programmiersprachen, die namens “Lang”:

const Lang =
HTML: 20,
CSS: 65,
JavaScript: 23,
Nodejs: 8

Drucken Sie nun alle Schlüsselwertepaare aus, indem Sie das Objekt für… in Schleife iteriert:

für (const Schlüssel in Lang)
Konsole.log ('$ key: $ lang [key]');

Es ist ersichtlich, dass die für… in Schleifen erfolgreich alle Schlüsselwerte auf der Konsole iteriert und gedruckt hat:

Die für… in der Schleife kann nützlich sein, um die Eigenschaften eines Objekts durchzusetzen, kann aber auch zu unerwartetem Verhalten führen, wenn das Objekt Eigenschaften hat, die von seinen Prototypen geerbt wurden. Um dies zu vermeiden, besteht der beste Ansatz darin, die zu nutzenObjekt.HasownProperty ()Methode innerhalb der für… in der Schleife, um zu überprüfen, ob die Eigenschaft/das Attribut zum Objekt gehört und nicht einer seiner Prototypen.

Beispiel

Iterieren Sie die Eigenschaften des Objekts mithilfe der Methode von HaseownProperty ():

für (const Schlüssel in Lang)
if (lang.HasownProperty (Schlüssel))
Konsole.log ('$ key -> $ lang [key]');

Sie können auch verwenden “Objekt.Schlüssel()" oder "Objekt.Einträge ()Methoden, um ein Array der eigenen Eigenschaftsnamen oder Schlüsselwertpaare des Objekts zu erhalten, und dann über dieses Array iterieren.

Abschluss

Der "für inDie Schleife in JavaScript wird über alle aufzählbaren Attribute eines Objekts hinweg iteriert, einschließlich derer, die durch die Prototyp -Kette geerbt wurden. Das Hauptproblem mit der für… in der Schleife ist, dass es die Eigenschaften der Prototyp -Kette durchträgt. Um diese Verwendung zu vermeiden, die “Objekt.HasownProperty ()Methode in der für… in der Schleife. In diesem Blog haben wir die Verwendung der für… in Loop in JavaScript veranschaulicht.