Ez az oktatóanyag bemutatja, hogyan lehet megváltoztatni egy objektum értékét egy tömbben JavaScriptben.
Hogyan lehet megváltoztatni/frissíteni egy objektum értékét, amely egy tömbben található JavaScript használatával?
Egy tömbön belüli objektum értékének megváltoztatásához használja a következő JavaScript előre meghatározott metódusokat:
1. módszer: A tömbön belüli objektum értékének módosítása a „findIndex()” módszerrel
A tömbön belüli objektum értékének módosításához használja a „ findIndex() ” módszerrel. Ez a módszer egy olyan tömbben találja meg az elem indexét, amely teljesíti az adott feltételt. A feltétel megadásához visszahívási funkciót használ.
Szintaxis
Kövesse a megadott szintaxist egy objektum értékének a findIndex() metódussal történő megváltoztatásához:
arrayObject. FindIndex ( obj => {
//feltétel
} ) ;
Példa
Hozzon létre egy tömböt, amely különböző objektumokat tartalmaz:
volt arrObj = [ { id : 5 , név : 'Mayer' , kor : 25 } ,
{ id : 9 , név : 'Pál' , kor : 26 } ,
{ id : 12 , név : 'István' , kor : húsz } ]
Hívja meg a findIndex() metódust a visszahívási függvénnyel, amely ellenőrzi a következővel egyenértékű objektumok azonosítóját 12 ', és tárolja az objektum indexét egy ' változóban getIndex ”:
const getIndex = arrObj. FindIndex ( obj => {Visszatérés obj. id === 12 ;
} ) ;
Változtassa meg az ingatlan értékét' kor ” objektum:
arrObj [ getIndex ] . kor = 24 ;
Végül nyomtassa ki a frissített objektumtömböt a konzolon:
konzol. log ( 'A frissített objektumtömb a következő: ) ;konzol. log ( arrObj ) ;
A kimenet azt jelzi, hogy a „ kor A 12-es azonosítójú objektum '' eleme sikeresen megváltozott a következőről: ' húsz ' nak nek ' 24 ”:
2. módszer: A tömbön belüli objektum értékének módosítása a „map()” módszerrel a Spread operátorral
Használd a ' térkép() ' módszer a ' terjedő operátor ” a tömbön belüli objektum értékének megváltoztatásához. A „map()” egy új tömb létrehozására szolgál egy függvény meghívásával egy meglévő tömb minden elemén. Míg a spread operátor lehetővé teszi a tömbelemek szórását vagy másolását egy új tömbbe, vagy egy függvényhívás argumentumait. A „map()” metódus nem módosítja/módosítja az eredeti tömböt, hanem egy új tömböt ad ki a módosított elemekkel.
Szintaxis
Egy objektum értékének megváltoztatásához a map() metódussal a spread operátorral, használja a következő szintaxist:
ha ( feltétel ) {
Visszatérés { ... obj , kulcs : newValue } ;
}
Visszatérés obj ;
} ) ;
Példa
Hívja a map() metódust spread operátorral annak az objektumnak a nevének megváltoztatásához, amelynek azonosítója ' 9 ”:
ha ( obj. id === 9 ) {
Visszatérés { ... obj , név : 'Alice' } ;
}
Visszatérés obj ;
} ) ;
Nyomtassa ki az objektum módosított tömbjét a konzolon:
konzol. log ( newObjectArr ) ;A tulajdon ' név ' annak az objektumnak, amelynek azonosítója ' 9 ' módosult erről: ' Pál ' nak nek ' Alice ”:
3. módszer: A tömbön belüli objektum értékének módosítása a „find()” módszerrel
Egy tömbön belüli objektum értékének megváltoztatásához használja a ' megtalálja() ” módszerrel. Arra használják, hogy megtalálják azt az elemet egy tömbben, amely megfelel egy adott feltételnek. Kiadja az elem értékét, ha az megfelel a feltételnek. Ellenkező esetben azt adja, hogy ' határozatlan , ” jelezve, hogy nem található ilyen elem.
Szintaxis
Használja a megadott szintaxist a find() metódushoz az elem megkereséséhez egy tömbben:
//feltétel
} ) ;
Példa
Hívja meg a find() metódust annak az objektumnak a megkereséséhez, amelynek azonosítója ' 5 'és tárolja az objektumot egy változóban' FindIndex ”:
Visszatérés obj. id === 5 ;
} ) ;
Ellenőrizze, hogy a „findIndex” változó nem egyenlő-e a „ határozatlan ' azt jelenti, ha az objektumot megtalálják, módosítsa a tulajdonság értékét ' név ” az objektumról:
ha ( FindIndex !== határozatlan ) {FindIndex. név = 'János' ;
}
Végül nyomtassa ki az objektumot a konzolon:
konzol. log ( FindIndex ) ;A kimenet csak a megadott objektumot jeleníti meg az értékének megváltoztatásával:
4. módszer: A tömbön belüli objektum értékének módosítása „for-of” ciklus használatával
Használhatja a „ for-of ” ciklus egy objektum értékének megváltoztatásához a tömbön belül. Az objektumok tömbjének iterálására és az objektum értékének módosítására vonatkozó feltétel ellenőrzésére szolgál. Az objektum értékének elérése és módosítása után fejezze be a hurkot a „ szünet ” kulcsszó.
Szintaxis
Kövesse a „for-of” ciklus megadott szintaxisát:
ha ( feltétel ) {
//nyilatkozat
szünet ;
}
}
Példa
Használja a for-of ciklust, és ellenőrizze azt az objektumot, amelynek azonosítója ' 5 ', és módosítsa a ' kor ' nak nek ' 27 ”:
ha ( obj. id === 5 ) {
obj. kor = 27 ;
szünet ;
}
}
Nyomtassa ki a frissített objektumot a tömbön belül a konzolon:
konzol. log ( arrObj ) ;Kimenet
Összegyűjtöttünk minden lényeges információt, amely a JavaScript tömbjén belül található objektum értékének változásával kapcsolatos.
Következtetés
Egy tömbben lévő objektum értékének módosításához használja a JavaScript előre meghatározott metódusait, beleértve a ' findIndex() , ' térkép() ' módszer a ' terjedő operátor ”, „ megtalálja() ” módszer, vagy a „ for-of ” hurok. Ezek a módszerek sikeresen megváltoztatták egy objektum értékeit egy tömbön belül. Ez az oktatóanyag bemutatta a JavaScript tömbjén belüli objektumok értékének megváltoztatásának különböző megközelítéseit.