Ipapakita ng tutorial na ito ang mga diskarte para sa pagbabago ng halaga ng isang bagay sa loob ng array sa JavaScript.
Paano Baguhin/I-update ang Halaga ng isang Bagay na Nasa Loob ng Array Gamit ang JavaScript?
Para sa pagbabago ng halaga ng isang bagay na nasa loob ng isang array, gamitin ang mga sumusunod na paunang natukoy na pamamaraan ng JavaScript:
Paraan 1: Baguhin ang Halaga ng Bagay na Nasa Loob ng Array Gamit ang Paraang 'findIndex()'.
Upang baguhin ang halaga ng isang bagay sa loob ng array, gamitin ang ' findIndex() ” paraan. Hinahanap ng pamamaraang ito ang index ng elemento sa isang array na tumutupad sa partikular na kundisyon. Para sa pagtukoy ng kundisyon, gumagamit ito ng callback function.
Syntax
Sundin ang ibinigay na syntax para sa pagbabago ng halaga ng isang bagay gamit ang findIndex() na paraan:
arrayObject. findIndex ( obj => {
//kundisyon
} ) ;
Halimbawa
Lumikha ng isang array na naglalaman ng iba't ibang mga bagay:
ay arrObj = [ { id : 5 , pangalan : 'Mayer' , edad : 25 } ,
{ id : 9 , pangalan : 'Paul' , edad : 26 } ,
{ id : 12 , pangalan : 'Steven' , edad : dalawampu } ]
Tawagan ang findIndex() na paraan na may callback function na sumusuri sa id ng mga bagay na katumbas ng ' 12 ', at iimbak ang index ng bagay sa isang variable ' getIndex ”:
const getIndex = arrObj. findIndex ( obj => {bumalik obj. id === 12 ;
} ) ;
Baguhin ang halaga ng ari-arian ' edad ” ng bagay:
arrObj [ getIndex ] . edad = 24 ;
Panghuli, i-print ang na-update na hanay ng mga bagay sa console:
console. log ( 'Ang na-update na Array ng Bagay ay:' ) ;console. log ( arrObj ) ;
Ang output ay nagpapahiwatig na ang halaga ng ' edad ” ng object na ang id ay 12 ay matagumpay na nabago mula sa “ dalawampu 'sa' 24 ”:
Paraan 2: Baguhin ang Halaga ng Bagay na Nasa Loob ng Array Gamit ang Paraang 'map()' Gamit ang Spread Operator
Gamitin ang ' mapa() 'paraan na may ' spread operator ” para sa pagbabago ng halaga ng bagay sa loob ng isang array. Ang 'map()' ay ginagamit para sa paglikha ng isang bagong array sa pamamagitan ng pagtawag ng function sa bawat elemento ng isang umiiral na array. Habang pinapayagan ng spread operator na maikalat o kopyahin ang mga elemento ng array sa isang bagong array o ang mga argumento ng isang function na tawag. Ang pamamaraang 'map()' ay hindi nagbabago/nagbabago sa orihinal na array ngunit naglalabas ito ng bagong array na may mga binagong elemento.
Syntax
Para sa pagbabago ng halaga ng isang bagay gamit ang map() na pamamaraan sa spread operator, gamitin ang sumusunod na syntax:
kung ( kundisyon ) {
bumalik { ... obj , susi : newValue } ;
}
bumalik obj ;
} ) ;
Halimbawa
Tawagan ang map() method na may spread operator para baguhin ang pangalan ng object na ang id ay “ 9 ”:
kung ( obj. id === 9 ) {
bumalik { ... obj , pangalan : 'Alice' } ;
}
bumalik obj ;
} ) ;
I-print ang binagong array ng object sa console:
console. log ( newObjectArr ) ;Ang pag-aari ' pangalan ” ng bagay na ang id ay “ 9 'ay binago mula sa' Paul 'sa' Alice ”:
Paraan 3: Baguhin ang Halaga ng Bagay na Nasa Loob ng Array Gamit ang Paraang 'find()'.
Para sa pagbabago ng halaga ng isang bagay sa loob ng isang array, gamitin ang ' hanapin() ” paraan. Ito ay ginagamit upang mahanap ang elemento sa isang array na tumutupad sa isang ibinigay na kondisyon. Inilalabas nito ang halaga ng elemento kung natutugunan nito ang kundisyon. Kung hindi, ito ay nagbibigay ng ' hindi natukoy , ” na nagsasaad na walang nakitang ganoong elemento.
Syntax
Gamitin ang ibinigay na syntax para sa find()paraan upang mahanap ang elemento sa isang array:
//kundisyon
} ) ;
Halimbawa
I-invoke ang find() method para mahanap ang object na ang id ay “ 5 'at iimbak ang bagay sa isang variable' findIndex ”:
bumalik obj. id === 5 ;
} ) ;
Suriin kung ang variable na 'findIndex' ay hindi katumbas ng ' hindi natukoy Ang ibig sabihin, kung ang bagay ay natagpuan, baguhin ang halaga ng ari-arian ' pangalan ” ng bagay:
kung ( findIndex !== hindi natukoy ) {findIndex. pangalan = 'John' ;
}
Panghuli, i-print ang bagay sa console:
console. log ( findIndex ) ;Ang output ay nagpapakita lamang ng tinukoy na bagay sa pamamagitan ng pagbabago ng halaga nito:
Paraan 4: Baguhin ang Halaga ng Bagay na Nasa Loob ng Array Gamit ang 'for-of' Loop
Maaari mo ring gamitin ang ' para sa ” loop para sa pagbabago ng halaga ng isang bagay sa loob ng array. Ito ay ginagamit upang umulit sa hanay ng mga Bagay at suriin ang kundisyon upang baguhin ang halaga ng bagay. Pagkatapos ma-access at baguhin ang halaga ng bagay, wakasan ang loop gamit ang ' pahinga ” keyword.
Syntax
Sundin ang ibinigay na syntax para sa loop na 'para sa':
kung ( kundisyon ) {
//pahayag
pahinga ;
}
}
Halimbawa
Gamitin ang for-of loop at suriin ang object na ang id ay “ 5 'at baguhin ang' edad 'sa' 27 ”:
kung ( obj. id === 5 ) {
obj. edad = 27 ;
pahinga ;
}
}
I-print ang na-update na bagay sa loob ng array sa console:
console. log ( arrObj ) ;Output
Nakuha namin ang lahat ng mahahalagang impormasyon na nauugnay sa pagbabago ng halaga ng isang bagay na nasa loob ng array sa JavaScript.
Konklusyon
Upang baguhin ang halaga ng isang bagay na nasa loob ng isang array, gamitin ang mga paunang natukoy na pamamaraan ng JavaScript, kasama ang ' findIndex() ,' mapa() 'paraan na may ' spread operator ”, “ hanapin() 'paraan, o ang' para sa ” loop. Matagumpay na nabago ng mga pamamaraang ito ang mga halaga ng isang bagay sa loob ng isang array. Ang tutorial na ito ay nagpakita ng iba't ibang mga diskarte para sa pagbabago ng halaga ng isang bagay na nasa loob ng array sa JavaScript.