V tem članku se bomo naučili, kako ponoviti objekt JavaScript. Med iteracijo se premikate po lastnostih predmeta eno za drugo in glede na metodo, ki jo uporabljate za iteracijo, boste morda imeli drugačen dostop do teh lastnosti
Obstaja veliko metod za ponavljanje predmeta, ki so obravnavani spodaj:
Kazalo
- Uporaba za…v zanki
- Uporaba metode Object.entries() in metode map().
- Uporaba metode forEach() in metode object.keys().
- Uporaba metode Lodash _.forOwn().
1. način: Uporaba za…v zanki
Lastnosti predmeta je mogoče ponavljati z uporabo zanke for..in. Ta zanka se uporablja za ponavljanje po vseh lastnostih predmeta, ki jih ni mogoče ponoviti s simbolom. Nekateri predmeti lahko vsebujejo lastnosti, ki so lahko podedovane od njihovih prototipov. The hasOwnProperty() metodo lahko uporabite za preverjanje, ali lastnost pripada samemu objektu. Vrednost vsakega ključa predmeta je mogoče najti z uporabo ključa kot indeksa predmeta.
Sintaksa:
for (let key in exampleObj) { if (exampleObj.hasOwnProperty(key)) { value = exampleObj[key]; console.log(key, value); } }>primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
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();> Izhod
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
2. način: Uporaba Metoda Object.entries(). in zemljevid() Metoda
The Metoda Object.entries(). se uporablja za vrnitev matrike objektovih lastnih naštevnih parov lastnosti s ključem niza. Vrnjena matrika se uporablja z zemljevid() metoda za ekstrahiranje ključa in vrednosti iz parov. Ključ in vrednosti iz para ključ-vrednost je mogoče ekstrahirati z dostopom do prvega in drugega indeksa matričnega para. Prvi indeks ustreza ključu, drugi indeks pa vrednosti para.
Sintaksa:
Object.entries(exampleObj).map(entry =>{ naj ključ = vnos [0]; naj vrednost = vnos [1]; console.log(ključ, vrednost); });>primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.entries(exampleObj).map(entry =>{ naj ključ = vnos [0]; naj vrednost = vnos [1]; console.log(ključ, vrednost); }); } iterateObject();> Izhod
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>
3. način: Uporaba metoda forEach(). in metoda object.keys().
Object.keys() vrne niz ključev predmeta inforEach()>je matrična metoda, ki vam omogoča ponavljanje vsakega elementa v matriki.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.keys(exampleObj).forEach(key =>{ vrednost const = exampleObj[ključ]; console.log(`${key}: ${value}`); }); } iterateObject();> Izhod
book: Sherlock Holmes author: Arthur Conan Doyle genre: Mystery>
4. način: Uporaba Metoda Lodash _.forOwn().
Pri tem pristopu uporabljamo metodo Lodash _.forOwn(), ki pomaga iterirati skozi predmete.
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
Javascript // Defining Lodash variable const _ = require('lodash'); let users = { 'a': 1, 'b': 2, 'c': 3 }; _.forOwn(users, function (value, key) { console.log(key, '=', value); });> Izhod:
a = 1 b = 2 c = 3>
5. način: Uporaba metode Object.values() in metode forEach().
Metoda Object.values() vrne matriko lastnih naštevnih vrednosti lastnosti objekta. Če to združite z metodo forEach(), lahko ponovite vsako vrednost. Za dostop do ustreznih ključev lahko uporabite tudi metodo Object.keys().
Sintaksa:
Object.values(exampleObj).forEach((value, index) =>{ const key = Object.keys(exampleObj)[index]; console.log(ključ, vrednost); });>primer:
JavaScript function iterateObject() { let exampleObj = { book: 'Sherlock Holmes', author: 'Arthur Conan Doyle', genre: 'Mystery' }; Object.values(exampleObj).forEach((value, index) =>{ const key = Object.keys(exampleObj)[index]; console.log(ključ, vrednost); }); } iterateObject();> Izhod
book Sherlock Holmes author Arthur Conan Doyle genre Mystery>