Deze zelfstudie demonstreert de manieren om een eenvoudig JavaScript-object te doorlopen/herhalen.
Hoe door een gewoon / eenvoudig JavaScript-object te lopen?
Gebruik de volgende methoden om een eenvoudig JavaScript-object te doorlopen/herhalen:
Methode 1: doorloop een gewoon/eenvoudig JavaScript-object met behulp van een for-in-lus
Gebruik de 'for-in'-lus om door een object te lussen. Het herhaalt alle opsombare tekenreeksattributen van een object die aan een object zijn gekoppeld.
Syntaxis
Gebruik de meegeleverde syntaxis om de for-in-lus te gebruiken om door een object te lussen:
voor ( variabel in voorwerp )
Voorbeeld
Maak een object met eigenschappen in sleutel-waardeparen:
was voorwerp = {
'JavaScript' : een ,
'Java' : 5 ,
'Python' : twintig ,
'HTML' : 2 ,
'CSS' : elf
}
Loop over het object op basis van de sleutels van een object:
voor ( const toets in voorwerp ) {troosten. loggen ( `$ { toets } : $ { voorwerp [ toets ] } ` ) ;
}
De uitvoer geeft alle kenmerken van het object weer in een sleutel-waardepaar:
Methode 2: doorloop een gewoon/eenvoudig JavaScript-object met behulp van de methode Object.keys().
Elke eigenschap in een object heeft een overeenkomstige waarde, wat betekent dat elke eigenschap sleutel-waardeparen bevat. U kunt de sleutels, waarden of zowel sleutels als waarden extraheren als vermeldingen in een array met behulp van de statische methoden van het object. Als u de sleutels van een object wilt ophalen, gebruikt u de ' Object.keys() ” methode.
Syntaxis
Volg de gegeven syntaxis om door een object te lopen om de eigenschappen/sleutels van een object op te halen:
Voorbeeld
Roep de methode Object.keys() aan en sla de resulterende reeks sleutels van het object op in variabele ' objKeys ”:
Zoals je in de uitvoer kunt zien, zijn alle sleutels van een object succesvol opgehaald:
Methode 3: doorloop een gewoon/eenvoudig JavaScript-object met behulp van de methode Object.values().
Gebruik de ' Object.values() ” methode. Het geeft een reeks waarden terug voor de eigenschappen/sleutels van een object.
Syntaxis
De gegeven syntaxis wordt gebruikt om de waarden van het object te verkrijgen door een object te doorlopen:
Voorbeeld
Roep de methode Object.values() aan om de waarden van een object te vergelijken met zijn eigenschappen:
De uitvoer geeft een reeks waarden weer voor de eigenschappen van het object:
Methode 4: doorloop een gewoon/eenvoudig JavaScript-object met behulp van de methode Object.entries().
U kunt ook een gewoon/eenvoudig JavaScript-object herhalen met behulp van de ' Object.entries() ” methode. Het genereert een reeks subarrays met sleutel-waardeparen van het gegeven object.
Syntaxis
De volgende syntaxis wordt gebruikt om de ingangen van een object op te halen door een object te herhalen:
Voorbeeld
Roep de methode Object.entries() op het object aan om alle ingangen van een object op te halen:
Uitgang
We hebben alle benodigde informatie verzameld die relevant is om eenvoudige JavaScript-objecten met objecten als leden te doorlopen.
Gevolgtrekking
Gebruik de ' voor in ' lus, ' Object.keys() ' methode, ' Object.values() ” methode, of de “ Object.entries() ” methode. De for-in-lus en de methode Object.entries() worden gebruikt om alle sleutel-waardeparen in een object op te halen, terwijl de Object.keys() worden gebruikt om de sleutels op te halen en Object.values() voor de waarden van een voorwerp. Deze zelfstudie demonstreerde verschillende manieren om een eenvoudig JavaScript-object te doorlopen.