Kako spremeniti vrednost predmeta, ki je znotraj matrike, z uporabo JavaScripta?

Kako Spremeniti Vrednost Predmeta Ki Je Znotraj Matrike Z Uporabo Javascripta



Med delom z JavaScriptom bodo razvijalci morda morali dinamično posodabljati podatke. Je znotraj matrike, predmeta ali matrike predmetov. Niz je skupina ali zbirka vrednosti in vsaka vrednost je lahko katere koli vrste podatkov, vključno s predmeti. Če želite spremeniti vrednost predmeta znotraj matrike, najprej dostopajte do predmeta in nato spremenite njegove lastnosti. V JavaScriptu obstaja več vnaprej zgrajenih metod za spreminjanje vrednosti predmeta znotraj matrike.

Ta vadnica bo prikazala pristope za spreminjanje vrednosti predmeta znotraj matrike v JavaScriptu.

Kako spremeniti/posodobiti vrednost predmeta, ki je znotraj matrike, z uporabo JavaScripta?

Za spreminjanje vrednosti predmeta, ki je znotraj matrike, uporabite naslednje vnaprej določene metode JavaScript:







1. način: spremenite vrednost predmeta, ki je znotraj matrike, z uporabo metode »findIndex()«

Če želite spremeniti vrednost predmeta znotraj matrike, uporabite » findIndex() ” metoda. Ta metoda najde indeks elementa v matriki, ki izpolnjuje določen pogoj. Za določitev pogoja uporablja funkcijo povratnega klica.



Sintaksa
Sledite dani sintaksi za spreminjanje vrednosti predmeta z uporabo metode findIndex():



arrayObject. findIndex ( obj => {
//pogoj
} ) ;

Primer
Ustvarite matriko, ki vsebuje različne predmete:





je bil arrObj = [ { id : 5 , ime : 'Mayer' , starost : 25 } ,
{ id : 9 , ime : 'Pavel' , starost : 26 } ,
{ id : 12 , ime : 'Steven' , starost : dvajset } ]

Pokličite metodo findIndex() s funkcijo povratnega klica, ki preveri ID predmetov, enakovrednih ' 12 «, in shrani indeks predmeta v spremenljivko » getIndex ”:

konst getIndex = arrObj. findIndex ( obj => {
vrnitev obj. id === 12 ;
} ) ;

Spremenite vrednost nepremičnine ' starost ” predmeta:



arrObj [ getIndex ] . starost = 24 ;

Na koncu natisnite posodobljeno matriko predmetov na konzoli:

konzola. dnevnik ( 'Posodobljena matrika predmetov je:' ) ;
konzola. dnevnik ( arrObj ) ;

Izhod kaže, da je vrednost ' starost « predmeta, katerega ID je 12, je bil uspešno spremenjen iz » dvajset ' do ' 24 ”:

2. način: spremenite vrednost predmeta, ki je znotraj matrike, z uporabo metode »map()« z operatorjem širjenja

Uporabite ' zemljevid() ' metoda z ' operater širjenja ” za spreminjanje vrednosti predmeta znotraj matrike. »map()« se uporablja za ustvarjanje nove matrike s klicem funkcije za vsak element obstoječe matrike. Medtem ko operator za širjenje omogoča širjenje ali kopiranje elementov polja v novo polje ali argumente klica funkcije. Metoda »map()« ne modificira/spremeni izvirne matrike, ampak izpiše novo matriko s spremenjenimi elementi.

Sintaksa
Za spreminjanje vrednosti predmeta z uporabo metode map() z operatorjem širjenja uporabite naslednjo sintakso:

arrayObject. zemljevid ( obj => {
če ( stanje ) {
vrnitev { ... obj , ključ : novaVrednost } ;
}
vrnitev obj ;
} ) ;

Primer
Pokličite metodo map() z operatorjem spread, da spremenite ime predmeta, katerega ID je ' 9 ”:

konst newObjectArr = arrObj. zemljevid ( obj => {
če ( obj. id === 9 ) {
vrnitev { ... obj , ime : 'Alice' } ;
}
vrnitev obj ;
} ) ;

Natisnite spremenjeno matriko predmeta na konzoli:

konzola. dnevnik ( newObjectArr ) ;

Lastnina “ ime ' predmeta, katerega ID je ' 9 » je spremenjeno iz » Paul ' do ' Alice ”:

3. način: spremenite vrednost predmeta, ki je znotraj matrike, z uporabo metode »find()«

Če želite spremeniti vrednost predmeta znotraj matrike, uporabite » najti() ” metoda. Uporablja se za iskanje elementa v nizu, ki izpolnjuje dani pogoj. Izpiše vrednost elementa, če ta izpolnjuje pogoj. V nasprotnem primeru daje ' nedoločeno ,« kar pomeni, da tak element ni najden.

Sintaksa
Uporabite podano sintakso za metodo find(), da poiščete element v matriki:

arrayObject. najti ( obj => {
//pogoj
} ) ;

Primer
Prikličite metodo find(), da poiščete predmet, katerega ID je ' 5 ' in shranite predmet v spremenljivko ' findIndex ”:

konst findIndex = arrObj. najti ( obj => {
vrnitev obj. id === 5 ;
} ) ;

Preverite, ali spremenljivka “findIndex” ni enaka “ nedoločeno ” pomeni, če je predmet najden, spremenite vrednost lastnosti “ ime ” objekta:

če ( findIndex !== nedoločeno ) {
findIndex. ime = 'Janez' ;
}

Na koncu natisnite predmet na konzoli:

konzola. dnevnik ( findIndex ) ;

Izhod prikaže samo podani predmet s spremembo njegove vrednosti:

4. način: Spremenite vrednost predmeta, ki je znotraj matrike, z uporabo zanke »za-od«

Uporabite lahko tudi » za-od ” zanka za spreminjanje vrednosti predmeta znotraj matrike. Uporablja se za ponavljanje po matriki predmetov in preverjanje pogoja za spremembo vrednosti predmeta. Po dostopu in spremembi vrednosti objekta prekinite zanko z uporabo ' odmor ” ključna beseda.

Sintaksa
Sledite dani sintaksi za zanko »za-od«:

za ( konst obj od arrayObject ) {
če ( stanje ) {
//izjava
odmor ;
}
}

Primer
Uporabite zanko for-of in preverite predmet, katerega ID je ' 5 « in spremenite » starost ' do ' 27 ”:

za ( konst obj od arrObj ) {
če ( obj. id === 5 ) {
obj. starost = 27 ;
odmor ;
}
}

Natisnite posodobljen objekt znotraj matrike na konzoli:

konzola. dnevnik ( arrObj ) ;

Izhod

Zbrali smo vse bistvene informacije, pomembne za spreminjanje vrednosti predmeta, ki je znotraj matrike v JavaScriptu.

Zaključek

Če želite spremeniti vrednost predmeta, ki je znotraj matrike, uporabite vnaprej določene metode JavaScript, vključno z ' findIndex() , “ zemljevid() ' metoda z ' operater širjenja ”, “ najti() « ali » za-od ” zanke. Te metode so uspešno spremenile vrednosti predmeta znotraj matrike. Ta vadnica je prikazala različne pristope za spreminjanje vrednosti predmeta, ki je znotraj matrike v JavaScriptu.