Ez az oktatóanyag bemutatja, hogyan lehet egy egyszerű JavaScript objektumon keresztül hurkolni/iterálni.
Hogyan lehet áthurkolni egy egyszerű/egyszerű JavaScript objektumon?
Egy egyszerű JavaScript objektumon keresztüli ciklushoz/iterációhoz használja a következő módszereket:
1. módszer: Hurok egy sima/egyszerű JavaScript objektumon keresztül for-in ciklus használatával
Ha egy objektumon keresztül szeretne áthaladni, használja a „for-in” hurkot. Egy objektum összes felsorolható karakterlánc-attribútuma között iterál, amely egy objektumhoz van társítva.
Szintaxis
Használja a mellékelt szintaxist a for-in ciklus használatához egy objektumon keresztüli hurkoláshoz:
számára ( változó ban ben tárgy )
Példa
Hozzon létre egy objektumot kulcs-érték párokban lévő tulajdonságokkal:
volt tárgy = {
'JavaScript' : egy ,
'Jáva' : 5 ,
'Piton' : húsz ,
'HTML' : 2 ,
'CSS' : tizenegy
}
Hurok az objektumon az objektum kulcsai alapján:
számára ( const kulcs ban ben tárgy ) {konzol. log ( `$ { kulcs } : $ { tárgy [ kulcs ] } ` ) ;
}
A kimenet megjeleníti az objektum összes jellemzőjét kulcs-érték párban:
2. módszer: Hurok egy egyszerű/egyszerű JavaScript objektumon keresztül az Object.keys() metódussal
Az objektum minden tulajdonságának megfelelő értéke van, ami azt jelenti, hogy minden tulajdonság kulcs-érték párokat tartalmaz. Az objektum statikus metódusaival kibonthatja a kulcsokat, értékeket, vagy a kulcsokat és értékeket bejegyzésként egy tömbben. Ha egy objektum kulcsait szeretné lekérni, használja a „ Object.keys() ” módszerrel.
Szintaxis
Kövesse a megadott szintaxist az objektumon keresztüli ciklushoz az objektum tulajdonságainak/kulcsainak lekéréséhez:
Példa
Hívja meg az Object.keys() metódust, és tárolja az objektum kulcsainak eredő tömbjét a ' változóban objKeys ”:
Amint a kimeneten látható, egy objektum összes kulcsát sikeresen lekértük:
3. módszer: Hurok egy egyszerű/egyszerű JavaScript objektumon keresztül az Object.values() metódus használatával
Egy objektum értékeinek összevetéséhez a tulajdonságaihoz használja a ' Object.values() ” módszerrel. Egy objektum tulajdonságainak/kulcsainak értéktömbjét adja vissza.
Szintaxis
A megadott szintaxis az objektum értékeinek lekérésére szolgál egy objektumon keresztül történő hurkolással:
Példa
Hívja meg az Object.values() metódust egy objektum értékeinek összevetéséhez a tulajdonságaival:
A kimenet egy sor értékeket jelenít meg az objektum tulajdonságaival szemben:
4. módszer: Hurok egy sima/egyszerű JavaScript objektumon keresztül az Object.entries() módszerrel
Egy sima/egyszerű JavaScript objektumon keresztül is iterálhat a ' Object.entries() ” módszerrel. Az adott objektum kulcs-érték párjait tartalmazó altömböt generál.
Szintaxis
A következő szintaxis használható egy objektum bejegyzéseinek lekérésére egy objektum hurkolásával:
Példa
Hívja meg az Object.entries() metódust az objektumon az objektum összes bejegyzésének lekéréséhez:
Kimenet
Összegyűjtöttünk minden szükséges információt, amely szükséges ahhoz, hogy az objektumokat tagként tartalmazó sima JavaScript-objektumokon áthaladhassunk.
Következtetés
Egy sima/egyszerű JavaScript objektumon keresztüli ciklushoz használja a ' be 'hurok', ' Object.keys() 'módszer', ' Object.values() ” módszer, vagy a „ Object.entries() ” módszerrel. A for-in ciklus és az Object.entries() metódus az objektum összes kulcs-érték párjának lekérésére szolgál, míg az Object.keys() a kulcsok, az Object.values() pedig az objektum értékeinek beszerzésére szolgál. egy tárgy. Ez az oktatóanyag különféle módokat mutatott be egy egyszerű JavaScript objektumon való áthurkolásra.