ES6 Magmapa ng Array ng mga Bagay para Magbalik ng Array ng mga Bagay na May Bagong Key

Es6 Magmapa Ng Array Ng Mga Bagay Para Magbalik Ng Array Ng Mga Bagay Na May Bagong Key



Habang nagtatrabaho sa JavaScript, maaaring kailanganin mong muling ayusin ang data batay sa mga susi. Minsan, gusto mong palitan ang pangalan ng mga object key upang gawing mas madaling gamitin ang mga ito o mas nababasa at naiintindihan, gaya ng pagpapaikli sa mga pangalan ng key bilang ' elemento 'para sa' mga elemento ”, “ pangalan ”, o “ pangalan 'bilang' fPangalan ', at iba pa.

Ang post na ito ay tutukuyin ang paraan upang i-map ang isang hanay ng mga bagay upang ibalik ang isang bagong hanay na naglalaman ng mga bagong key.

Magpa ng Array ng Mga Bagay na Nagbabalik ng Bagong Array ng Mga Bagay na Naglalaman ng Mga Bagong Key

Gamitin ang ' mapa() ” paraan upang matugunan ang nakasaad na pahayag. Ang paraan ng map() ay ginagamit upang umulit sa isang array at lumikha ng bagong array sa pamamagitan ng pagdaragdag ng mga resultang value ng isang ibinigay na function na tumatawag sa bawat elemento sa orihinal na array. Hindi nito binabago ang orihinal na array ngunit naglalabas ng bago na may mga resulta ng ibinigay na function.







Syntax



Gamitin ang sumusunod na syntax para sa map() na paraan:



mapa ( ( elemento ) => {

//……

} )

Halimbawa

Lumikha ng isang hanay ng mga bagay na pinangalanang ' arrObj ”:





kung saan arrObj = [ { pangalan : 'Paul' , id : 3 , edad : 23 } ,

{ pangalan : 'Meyer' , id : 5 , edad : 25 } ,

{ pangalan : 'Sumasang-ayon ako' , id : labing-isa , edad : 27 }

]

Tawagan ang map() na paraan na may mga key ng mga bagay bilang mga argumento at isang arrow/callback function na ipapatupad para sa bawat elemento ng array. Dito, itatakda namin ang mga susi ng isang ' arrObj ” sa mga bagong key sa callback function:

const newArrayObj = arrObj. mapa ( ( { pangalan, id, edad } ) => ( {

bagongId : id,

bagong pangalan : pangalan,

bagong edad : edad

} ) ) ;

Panghuli, i-print ang bagong array na may mga bagong key sa console:



console. log ( newArrayObj ) ;

Makikita na ang bagong hanay ng mga bagay na pinangalanang ' newArrayObj ” ay naglalaman ng “bago/na-update na mga key” na may parehong mga halaga at sa muling pagkakaayos:

Iyon lang ang tungkol sa pagmamapa ng hanay ng mga bagay upang magbalik ng hanay ng mga bagay na may mga bagong key sa JavaScript.

Konklusyon

Upang i-map ang isang hanay ng mga bagay sa isang bagong hanay ng mga bagay na may mga bagong key, gamitin ang ' mapa() ” paraan. Ang pamamaraang ito ay inuulit ang bawat elemento ng isang hanay ng mga bagay at nagbibigay ng bagong hanay sa pamamagitan ng pagtawag sa isang callback function na may tinukoy na function. Tinukoy ng post na ito ang pamamaraan upang i-map ang isang hanay ng mga bagay para sa pagbabalik ng isang hanay ng mga bagay na may mga bagong key.