Šajā apmācībā tiks parādītas pieejas, kā mainīt objekta vērtību JavaScript masīvā.
Kā mainīt/atjaunināt objekta vērtību, kas atrodas masīvā, izmantojot JavaScript?
Lai mainītu objekta vērtību, kas atrodas masīvā, izmantojiet šādas JavaScript iepriekš definētas metodes:
1. metode: mainiet objekta vērtību, kas atrodas masīvā, izmantojot metodi “findIndex()”
Lai mainītu objekta vērtību masīvā, izmantojiet ' atrastIndekss() ” metode. Šī metode atrod elementa indeksu masīvā, kas atbilst noteiktajam nosacījumam. Lai norādītu nosacījumu, tas izmanto atzvanīšanas funkciju.
Sintakse
Lai mainītu objekta vērtību, izmantojot metodi findIndex(), ievērojiet norādīto sintakse:
masīvsObject. atrastIndekss ( obj => {
//stāvoklis
} ) ;
Piemērs
Izveidojiet masīvu, kurā ir dažādi objekti:
bija arrObj = [ { id : 5 , nosaukums : 'Maijers' , vecums : 25 } ,
{ id : 9 , nosaukums : 'Pāvils' , vecums : 26 } ,
{ id : 12 , nosaukums : 'Stīvens' , vecums : divdesmit } ]
Izsauciet metodi findIndex() ar atzvanīšanas funkciju, kas pārbauda objektu ID, kas līdzvērtīgi ' 12 ”, un saglabājiet objekta indeksu mainīgajā “ getIndex ”:
konst getIndex = arrObj. atrastIndekss ( obj => {atgriezties obj. id === 12 ;
} ) ;
Mainīt īpašuma vērtību ' vecums ' no objekta:
arrObj [ getIndex ] . vecums = 24 ;
Visbeidzot konsolē izdrukājiet atjaunināto objektu masīvu:
konsole. žurnāls ( 'Atjauninātais objektu masīvs ir:' ) ;konsole. žurnāls ( arrObj ) ;
Izvade norāda, ka vērtība ' vecums ' no objekta, kura ID ir 12, ir veiksmīgi nomainīts no ' divdesmit 'uz' 24 ”:
2. metode: mainiet objekta vērtību, kas atrodas masīvā, izmantojot “map()” metodi ar izplatības operatoru
Izmantojiet ' karte () ' metode ar ' izkliedes operators ”, lai mainītu objekta vērtību masīvā. “map()” tiek izmantots, lai izveidotu jaunu masīvu, izsaucot funkciju katram esošā masīva elementam. Kamēr izkliedes operators ļauj izplatīt vai kopēt masīva elementus jaunā masīvā vai funkcijas izsaukuma argumentus. Metode “map()” nemaina/nemaina sākotnējo masīvu, bet izvada jaunu masīvu ar modificētajiem elementiem.
Sintakse
Lai mainītu objekta vērtību, izmantojot map() metodi ar izkliedes operatoru, izmantojiet šādu sintaksi:
ja ( stāvokli ) {
atgriezties { ... obj , taustiņu : newValue } ;
}
atgriezties obj ;
} ) ;
Piemērs
Izsauciet map() metodi ar izplatības operatoru, lai mainītu objekta nosaukumu, kura ID ir ' 9 ”:
ja ( obj. id === 9 ) {
atgriezties { ... obj , nosaukums : 'Alise' } ;
}
atgriezties obj ;
} ) ;
Izdrukājiet modificēto objekta masīvu konsolē:
konsole. žurnāls ( jaunsObjectArr ) ;Īpašums ' nosaukums ' no objekta, kura ID ir ' 9 ' ir mainīts no ' Pāvils 'uz' Alise ”:
3. metode: mainiet objekta vērtību, kas atrodas masīvā, izmantojot metodi “atrast()”
Lai mainītu objekta vērtību masīvā, izmantojiet ' atrast () ” metode. To izmanto, lai atrastu elementu masīvā, kas atbilst noteiktam nosacījumam. Tas izvada elementa vērtību, ja tas atbilst nosacījumam. Pretējā gadījumā tas dod ' nenoteikts ”, norādot, ka šāds elements nav atrasts.
Sintakse
Izmantojiet norādīto sintaksi find() metodei, lai atrastu elementu masīvā:
//stāvoklis
} ) ;
Piemērs
Izsauciet metodi find(), lai atrastu objektu, kura ID ir ' 5 un saglabājiet objektu mainīgajā ' atrastIndekss ”:
atgriezties obj. id === 5 ;
} ) ;
Pārbaudiet, vai mainīgais “findIndex” nav vienāds ar “ nenoteikts 'nozīmē, ja objekts ir atrasts, mainīt īpašuma vērtību' nosaukums ” objektam:
ja ( atrastIndekss !== nenoteikts ) {atrastIndekss. nosaukums = 'Džons' ;
}
Visbeidzot izdrukājiet objektu konsolē:
konsole. žurnāls ( atrastIndekss ) ;Izvade parāda tikai norādīto objektu, mainot tā vērtību:
4. metode: mainiet objekta vērtību, kas atrodas masīvā, izmantojot cilpu “for-of”.
Varat arī izmantot ' priekš-of ” cilpa objekta vērtības maiņai masīvā. To izmanto, lai atkārtotu objektu masīvu un pārbaudītu nosacījumu, lai mainītu objekta vērtību. Pēc piekļūšanas objekta vērtībai un tās maiņas pārtrauciet cilpu, izmantojot ' pārtraukums ” atslēgvārds.
Sintakse
Izpildiet norādīto cilpas “for-of” sintakse:
ja ( stāvokli ) {
//paziņojums, apgalvojums
pārtraukums ;
}
}
Piemērs
Izmantojiet for-of cilpu un pārbaudiet objektu, kura ID ir ' 5 un mainiet ' vecums 'uz' 27 ”:
ja ( obj. id === 5 ) {
obj. vecums = 27 ;
pārtraukums ;
}
}
Izdrukājiet atjaunināto objektu konsoles masīvā:
konsole. žurnāls ( arrObj ) ;Izvade
Mēs esam apkopojuši visu būtisko informāciju, kas attiecas uz mainīgo objekta vērtību, kas atrodas JavaScript masīvā.
Secinājums
Lai mainītu objekta vērtību, kas atrodas masīvā, izmantojiet JavaScript iepriekš definētās metodes, tostarp ' FindIndex() , ' karte () ' metode ar ' izkliedes operators ”, “ atrast () ' metode vai ' priekš-of ” cilpa. Šīs metodes veiksmīgi mainīja objekta vērtības masīvā. Šī apmācība demonstrēja dažādas pieejas, lai mainītu objekta vērtību, kas atrodas JavaScript masīvā.