Iteration oder Schleifen durch ein JavaScript-Objekt

1. for-in Schleife zum Durchschleifen von JavaScript-Objekten
2. Verwendung der for-of-Schleife zum Durchschleifen eines JavaScript-Objekts
3. Verwenden Sie die forEach-Methode, um das JavaScript-Objekt durchzuschleifen

Dieser Tutorial-Artikel stellt vor, wie wir ein JavaScript-Objekt iterieren können.

Es gibt mehrere Schleifenanweisungen, und eine Methode, um durch ein JavaScript-Objekt zu iterieren, lautet wie folgt.

• for-in - Schleife
• for-of - Schleife
• forEach Methode

for-in Schleife zum Durchschleifen von JavaScript-Objekten

Die for-in-Anweisung ist eine Schleife, die verwendet wird, um das JavaScript-Objekt mit Schlüssel-Werte-Paaren zu iterieren. Diese Schleife iteriert über alle Elemente des JavaScript-Objekts.

Der Beispielcode für die Verwendung der for-in-Schleife zum Durchlaufen des JavaScript-Objekts lautet wie folgt.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
} for (var city in Cities) {
  console.log(city, ':', Cities[city]);
}

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Bei der Verwendung der for-in-Schleife müssen wir keine spezielle Funktion verwenden, um ein Objekt zu iterieren oder zu loopen.

Verwendung der for-of-Schleife zum Durchschleifen eines JavaScript-Objekts

Die for-of-Anweisung ist ebenfalls eine Schleife, die ein iterierbares Objekt iteriert, das keine Schlüssel-Wert-Paare hat. Wir können diese Schleife auch verwenden, um das JavaScript-Objekt mit Schlüssel-Wert-Paaren zu iterieren, aber mit einigen speziellen Funktionen wie folgt.

• Object.getOwnPropertyNames
• Object.entries
• Object.keys
• Reflect.ownKeys

Object.getOwnPropertyNames

Diese Methode gibt ein Array mit allen Schlüsseln der im Objekt gespeicherten Schlüssel-Werte-Paare zurück. Um jedoch alle Schlüssel-Werte-Paare des JavaScript-Objekts zu iterieren, müssen wir diese Methode mit einer for-of-Schleife verwenden.

Der Beispielcode für die Verwendung des for-of mit Object.getOwnPropertyNames() zur Iteration des Objekts lautet wie folgt.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
for (var city of Object.getOwnPropertyNames(Cities)) {
  const CityName = Cities[city];
  console.log(city, ':', CityName);
}

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Object.entries

Diese Methode gibt das Array des Schlüssel-Werte-Paares des Objekts zurück. Aber um einen Schlüssel und einen Wert zu iterieren, müssen wir mit dieser Methode die for-of-Schleife verwenden, um das JavaScript-Objekt zu durchlaufen.

Der Beispielcode für die Verwendung der for-of-Schleife mit Object.entries() zur Iteration des Objekts lautet wie folgt.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
for (var [city, CityName] of Object.entries(Cities)) {
  console.log(city, ':', CityName);
}

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Object.keys

Diese Methode gibt das Array mit den Schlüsseln des Objekts zurück. Aber um Schlüssel-Werte-Paare eines Objekts zu iterieren, müssen wir diese Funktion mit der for-of-Schleife verwenden.

Der Beispielcode für die Verwendung der for-of-Schleife mit Object.keys() zur Iteration des Objekts lautet wie folgt.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
for (var city of Object.keys(Cities)) {
  console.log(city, ':', cities[city]);
}

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Reflect.ownKeys

Diese Methode gibt auch die Schlüssel des Objekts zurück. Aber um Schlüssel-Werte-Paare des Objekts zu iterieren, müssen wir diese Funktion mit der for-of-Schleife verwenden.

Der Beispielcode für die Verwendung des for-of mit Reflect.ownKeys zur Iteration des Objekts lautet wie folgt.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
for (var city of Reflect.ownKeys(Cities)) {
  console.log(city, ':', cities[city]);
}

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Verwenden Sie die forEach-Methode, um das JavaScript-Objekt durchzuschleifen

Die forEach-Methode arbeitet als Iterator, um die andere Methode sequentiell aufzurufen. Aber wir können diese Methode verwenden, um das Objekt zu iterieren, indem wir mehrere andere Funktionen verwenden, die wie folgt sind

• Object.keys
• Reflect.ownKeys

Object.keys

Wenn wir diese Methode mit der forEach-Methode verwenden, können wir die Schlüssel-Werte-Paare eines Objekts iterieren.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
Object.keys.forEach(city => {console.log(city, ':', Cities[city])})

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London

Reflect.ownKeys

Wenn wir diese Methode mit der forEach-Methode verwenden, können wir die Schlüssel-Werte-Paare eines Objekts iterieren.

var Cities = {
  City1: 'Tokyo',
  City2: 'Paris',
  City3: 'Dubai',
  City3: 'Rome',
  City4: 'London'
};
Reflect.ownKeys.forEach(city => {console.log(city, ':', Cities[city])})

Ausgabe:

City1 : Tokyo
City2 : Paris
City3 : Dubai
City4 : Rome 
City5 : London