Ovaj vodič će pokazati pristupe za promjenu vrijednosti objekta unutar niza u JavaScriptu.
Kako promijeniti/ažurirati vrijednost objekta koji je unutar niza pomoću JavaScripta?
Za promjenu vrijednosti objekta koji se nalazi unutar niza, koristite sljedeće unaprijed definirane metode JavaScripta:
Metoda 1: Promjena vrijednosti objekta koji se nalazi unutar niza pomoću metode “findIndex()”
Za promjenu vrijednosti objekta unutar niza, koristite ' pronađiIndeks() ” metoda. Ova metoda pronalazi indeks elementa u nizu koji ispunjava određeni uvjet. Za određivanje uvjeta koristi funkciju povratnog poziva.
Sintaksa
Slijedite zadanu sintaksu za promjenu vrijednosti objekta pomoću metode findIndex():
arrayObject. findIndex ( obj => {
//stanje
} ) ;
Primjer
Napravite niz koji sadrži različite objekte:
bio je arrObj = [ { iskaznica : 5 , Ime : 'Mayer' , dob : 25 } ,
{ iskaznica : 9 , Ime : 'Pavao' , dob : 26 } ,
{ iskaznica : 12 , Ime : 'Steven' , dob : dvadeset } ]
Pozovite metodu findIndex() s funkcijom povratnog poziva koja provjerava ID objekata koji je ekvivalentan ' 12 ', i pohranite indeks objekta u varijablu ' getIndex ”:
konst getIndex = arrObj. findIndex ( obj => {povratak obj. iskaznica === 12 ;
} ) ;
Promjena vrijednosti svojstva “ dob ” objekta:
arrObj [ getIndex ] . dob = 24 ;
Na kraju ispišite ažurirani niz objekata na konzoli:
konzola. log ( 'Ažurirani niz objekata je:' ) ;konzola. log ( arrObj ) ;
Izlaz pokazuje da je vrijednost ' dob ” objekta čiji je ID 12 uspješno je promijenjeno iz “ dvadeset ” do “ 24 ”:
Metoda 2: Promjena vrijednosti objekta koji je unutar niza pomoću metode 'map()' s operatorom širenja
Iskoristite ' karta() ' metoda s ' operator širenja ” za promjenu vrijednosti objekta unutar niza. “map()” se koristi za stvaranje novog niza pozivanjem funkcije na svakom elementu postojećeg niza. Dok operator širenja omogućuje širenje ili kopiranje elemenata niza u novi niz ili argumenata poziva funkcije. Metoda “map()” ne modificira/mijenja izvorni niz, ali daje novi niz s izmijenjenim elementima.
Sintaksa
Za promjenu vrijednosti objekta pomoću metode map() s operatorom širenja, upotrijebite sljedeću sintaksu:
ako ( stanje ) {
povratak { ... obj , ključ : novaVrijednost } ;
}
povratak obj ;
} ) ;
Primjer
Pozovite metodu map() s operatorom spread da promijenite naziv objekta čiji je ID ' 9 ”:
ako ( obj. iskaznica === 9 ) {
povratak { ... obj , Ime : 'Alice' } ;
}
povratak obj ;
} ) ;
Ispišite modificirani niz objekta na konzoli:
konzola. log ( newObjectArr ) ;Vlasništvo ' Ime ” objekta čiji je ID „ 9 ' je promijenjeno iz ' Pavao ” do “ Alice ”:
Metoda 3: Promjena vrijednosti objekta koji se nalazi unutar niza pomoću metode “find()”
Za promjenu vrijednosti objekta unutar niza, koristite ' pronaći() ” metoda. Koristi se za pronalaženje elementa u nizu koji ispunjava zadani uvjet. Ispisuje vrijednost elementa ako zadovoljava uvjet. U suprotnom daje ' nedefiniran , ” što znači da takav element nije pronađen.
Sintaksa
Koristite zadanu sintaksu za metodu find() da biste pronašli element u nizu:
//stanje
} ) ;
Primjer
Pozovite metodu find() da pronađete objekt čiji je ID ' 5 ” i pohranite objekt u varijablu “ findIndex ”:
povratak obj. iskaznica === 5 ;
} ) ;
Provjerite nije li varijabla “findIndex” jednaka “ nedefiniran ” znači, ako je objekt pronađen, promijeniti vrijednost svojstva “ Ime ” objekta:
ako ( findIndex !== nedefiniran ) {findIndex. Ime = 'Ivan' ;
}
Na kraju ispišite objekt na konzoli:
konzola. log ( findIndex ) ;Izlaz prikazuje samo navedeni objekt promjenom njegove vrijednosti:
Metoda 4: Promjena vrijednosti objekta koji se nalazi unutar niza pomoću petlje 'for-of'
Također možete koristiti ' za-od ” petlja za promjenu vrijednosti objekta unutar niza. Koristi se za ponavljanje niza objekata i provjeru uvjeta za promjenu vrijednosti objekta. Nakon pristupa i promjene vrijednosti objekta, prekinite petlju koristeći ' pauza ” ključna riječ.
Sintaksa
Slijedite zadanu sintaksu za petlju 'for-of':
ako ( stanje ) {
//izjava
pauza ;
}
}
Primjer
Koristite for-of petlju i provjerite objekt čiji je ID ' 5 ' i promijenite ' dob ” do “ 27 ”:
ako ( obj. iskaznica === 5 ) {
obj. dob = 27 ;
pauza ;
}
}
Ispišite ažurirani objekt unutar polja na konzoli:
konzola. log ( arrObj ) ;Izlaz
Prikupili smo sve bitne informacije relevantne za promjenu vrijednosti objekta koji se nalazi unutar polja u JavaScriptu.
Zaključak
Za promjenu vrijednosti objekta koji se nalazi unutar niza, upotrijebite unaprijed definirane metode JavaScripta, uključujući ' pronađiIndeks() , “ karta() ' metoda s ' operator širenja ”, “ pronaći() ' metoda ili ' za-od ' petlja. Ove su metode uspješno promijenile vrijednosti objekta unutar niza. Ovaj vodič demonstrira različite pristupe za promjenu vrijednosti objekta koji se nalazi unutar polja u JavaScriptu.