In dit artikel leren we hoe we een JavaScript-object kunnen herhalen. Tijdens iteratie loop je de eigenschappen van het object één voor één door, en afhankelijk van de methode die je voor iteratie gebruikt, heb je mogelijk verschillende toegang tot deze eigenschappen
Er zijn veel methoden om een object te herhalen, die hieronder worden besproken:
Inhoudsopgave
- Gebruik for...in-lus
- Met behulp van de Object.entries()-methode en map()-methode
- De methode forEach() en de methode object.keys() gebruiken
- Met behulp van de Lodash _.forOwn()-methode
Methode 1: Gebruik makend van voor...in lus
De eigenschappen van het object kunnen worden herhaald met behulp van een for..in-lus. Deze lus wordt gebruikt om alle niet-Symbol iterabele eigenschappen van een object te doorlopen. Sommige objecten kunnen eigenschappen bevatten die kunnen worden geërfd van hun prototypes. De hasOwnProperty() methode kan worden gebruikt om te controleren of de eigenschap bij het object zelf hoort. De waarde van elke sleutel van het object kan worden gevonden door de sleutel als index van het object te gebruiken.
Syntaxis:
for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } }>Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uiteengezette aanpak.
Javascript
function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } } } iterateObject();> Uitvoer
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Methode 2: Gebruik makend van Object.entries() methode En kaart() Methode
De Object.entries() methode wordt gebruikt om een array van de eigen opsombare eigenschapsparen met stringsleutels van het object terug te geven. De geretourneerde array wordt gebruikt met de kaart() methode om de sleutel en waarde uit de paren te extraheren. De sleutel en waarden uit het sleutelwaardepaar kunnen worden geëxtraheerd door toegang te krijgen tot de eerste en tweede index van het arraypaar. De eerste index komt overeen met de sleutel en de tweede index komt overeen met de waarde van het paar.
Syntaxis:
Object.entries(exampleObj).map(entry =>{ laat sleutel = entry[0]; laat waarde = invoer[1]; console.log(sleutel, waarde); });>Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uiteengezette aanpak.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.entries(exampleObj).map(entry =>{ laat sleutel = entry[0]; laat waarde = invoer[1]; console.log(sleutel, waarde); }); } itererenObject();> Uitvoer
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
Methode 3: Gebruiken forEach() methode En object.keys() Methode
Object.keys() retourneert een array met sleutels van het object enforEach()>is een arraymethode waarmee u elk element in de array kunt herhalen.
Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uiteengezette aanpak.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.keys(exampleObj).forEach(key =>{const waarde = voorbeeldObj[sleutel]; console.log(`${sleutel}: ${waarde}`); }); } itererenObject();> Uitvoer
book: Sherlock Holmes author: Arthur Conan Doyle genre: Mystery>
Methode 4: Gebruiken Lodash _.forOwn()-methode
Bij deze aanpak gebruiken we de Lodash _.forOwn()-methode, die helpt bij het doorlopen van objecten.
Voorbeeld: Dit voorbeeld toont de implementatie van de hierboven uiteengezette aanpak.
Javascript // Defining Lodash variable const _ = require('lodash'); let users = { 'a': 1, 'b': 2, 'c': 3 }; _.forOwn(users, function (value, key) { console.log(key, '=', value); });> Uitgang:
a = 1 b = 2 c = 3>
Methode 5: De methode Object.values() en de methode forEach() gebruiken
De methode Object.values() retourneert een array met de eigen opsombare eigenschapswaarden van het object. Door dit te combineren met de forEach() methode, kunt u elke waarde herhalen. Om ook toegang te krijgen tot de overeenkomstige sleutels, kunt u de methode Object.keys() samen gebruiken.
Syntaxis:
Object.values(exampleObj).forEach((value, index) =>{const sleutel = Object.keys(exampleObj)[index]; console.log(sleutel, waarde); });>Voorbeeld:
JavaScript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.values(exampleObj).forEach((value, index) =>{const sleutel = Object.keys(exampleObj)[index]; console.log(sleutel, waarde); }); } itererenObject();> Uitvoer
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>