Ipapakita ng blog na ito ang mga diskarte upang baguhin ang array ng string sa array ng numero gamit ang JavaScript.
Paano I-convert/Ibahin ang Array ng mga String sa Array ng Mga Numero Gamit ang JavaScript?
Upang i-transform ang array ng isang string sa array ng isang numero gamit ang JavaScript, ipatupad ang mga diskarteng nakasaad sa ibaba:
- “ mapa() ” paraan.
- “ forEach() 'at' push() ' paraan.
- “ bawasan() 'at' concat() ' paraan.
Isa-isa nating ipakita ang mga nakasaad na pamamaraan!
Diskarte 1: I-convert/Ibahin ang Array ng Strings sa Array ng Mga Numero Gamit ang JavaScript sa pamamagitan ng Mapa() Paraan
Ang ' mapa() Ang paraan ng ” ay nagpapatupad ng isang function nang isang beses para sa bawat item ng array nang walang anumang pagbabago sa default na array. Ang pamamaraang ito ay maaaring ilapat upang i-map lamang ang mga halaga ng string sa nauugnay na hanay sa isang hanay ng mga numero.
Syntax
array. mapa ( func ( currValue , index , array ) , halaga )
Sa ibinigay na syntax sa itaas:
- “ func ” ay tumutukoy sa function na kailangang tawagan para sa bawat item sa isang array.
- Ang mga parameter ng function ay tumutukoy sa index ng kasalukuyang halaga sa tinukoy na array.
- “ halaga ” ay nagpapahiwatig ng halaga na dapat ipasa sa function.
Halimbawa
Tingnan natin ang sumusunod na halimbawa:
< uri ng script = 'text/javascript' >
hayaan ang strarray = [ '10' , 'dalawampu' , '30' ] ;
console. log ( 'Ang ibinigay na hanay ng mga string ay:' , straArray )
hayaan ang numArray = straArray. mapa ( Numero )
console. log ( 'Ang hanay ng mga numero ay nagiging:' , numArray ) ;
iskrip >
- Ipahayag ang isang hanay ng mga string na may mga nakasaad na halaga at ipakita ito.
- Pagkatapos nito, ilapat ang ' mapa() 'paraan ng pagkakaroon ng' Numero ” bilang parameter nito, na magpapabago sa nauugnay na hanay ng mga string sa mga numero.
- Panghuli, ipakita ang hanay ng mga string na na-convert sa mga numero.
Output
Sa output na ito, makikita na ang array ng string ay na-convert sa mga numero.
Approach 2: Convert/Transform Array of Strings to Array of Numbers in JavaScript Gamit ang forEach() at push() Methods
Ang ' forEach() Ang paraan ng ” ay naglalapat ng isang function para sa bawat elemento sa isang array. Ang ' push() Ang paraan ay ginagamit upang magdagdag ng isang item sa isang array sa simula. Ang mga pamamaraang ito na pinagsama ay maaaring ipatupad upang umulit kasama ang ibinigay na hanay ng string, i-convert ang mga ito sa mga numero at itulak ang mga ito sa isang walang laman na array.
Syntax
array. para sa bawat ( function ( kasalukuyang , index , array ) , ito )dito:
- function : Ito ang function na kailangang tawagan para sa bawat elemento sa isang array.
- kasalukuyang : Ang parameter na ito ay nagpapahiwatig ng kasalukuyang halaga ng array.
- index : Tumuturo ito sa index ng kasalukuyang elemento.
- array : Ito ay tumutukoy sa kasalukuyang array.
- ito : Ito ay tumutugma sa halagang ipinapasa sa function.
Sa syntax na ito:
- “ ito1 , at ' ito2 ” ituro ang mga item na kailangang idagdag sa array.
Halimbawa
Tingnan natin ang nakasaad sa ibabang halimbawa:
hayaan ang strarray = [ 'dalawampu' , '40' , '60' ] ;
console. log ( 'Ang ibinigay na hanay ng mga string ay:' , straArray )
hayaan ang numArray = [ ] ;
straArray. para sa bawat ( string => {
numArray. itulak ( Numero ( string ) ) ;
} ) ;
console. log ( 'Ang hanay ng mga numero ay nagiging:' , numArray ) ;
iskrip >
Sa mga linya ng code sa itaas:
- I-initialize ang array na binubuo ng mga nakasaad na string value at ipakita ito.
- Gayundin, lumikha ng isang walang laman na hanay na pinangalanang ' numArr ”.
- Sa susunod na hakbang, ilapat ang ' forEach() ” paraan upang umulit kasama ang mga halaga ng nauugnay na array.
- Pagkatapos nito, ang mga inuulit na halaga sa nakaraang hakbang ay mako-convert sa mga numero sa pamamagitan ng ' Numero ”.
- Ngayon ang ' push() ” paraan ay idaragdag ang mga na-convert na numero sa inilalaan na walang laman na hanay, gaya ng tinalakay dati.
- Panghuli, ipakita ang array na nakadugtong sa mga numero.
Output
Ang output sa itaas ay nagpapahiwatig na ang nais na kinakailangan ay natupad.
Diskarte 3: I-convert/Ibahin ang Array ng Strings sa Array ng Mga Numero sa JavaScript Gamit ang reduce() at concat() Methods
Ang ' bawasan() ” Ang pamamaraan ay tumatawag ng isang function para sa mga elemento sa isang array upang magbigay ng pinababang halaga, bilang kapalit. Ang ' concat() Ang paraan ng ” ay nagsasama-sama/nagsasama-sama ng maramihang mga array o mga halaga ng string. Ang kumbinasyon ng mga pamamaraang ito ay maaaring umulit sa hanay ng string, pagsama-samahin ang mga halaga upang ang mga ito ay ma-convert sa mga numero, at pagkatapos ay idagdag ang mga ito sa isang hiwalay na hanay.
Syntax
array. bawasan ( func ( kabuuan , Halaga , Index , array ) , halaga )Sa partikular na syntax na ito:
- “ func ” ay tumutukoy sa function na kailangang tawagan para sa bawat elemento ng array.
- Ang mga argumento ng function ay tumutugma sa index ng kasalukuyang halaga sa tinukoy na array.
- “ halaga ” ay tumutugma sa halagang ipinasa sa function.
Sa ibinigay na syntax:
- “ string ” ay kumakatawan sa string value na kailangang pagsama-samahin.
Halimbawa
Ipinapaliwanag ng sumusunod na halimbawa ang nakasaad na konsepto:
hayaan ang strarray = [ 'labing lima' , '25' , '35' , 'Apat. Lima' ] ;
console. log ( 'Ang ibinigay na hanay ng mga string ay:' , straArray )
hayaan ang numArray = straArray. bawasan ( ( una , huli ) => una. concat ( + huli ) , [ ] )
console. log ( 'Ang hanay ng mga numero ay nagiging:' , numArray ) ;
iskrip >
Sa mga linya ng code sa itaas:
- Ideklara ang array ng tinukoy na string at ipakita ito.
- Sa susunod na hakbang, ilapat ang ' bawasan() 'at' concat() ” mga pamamaraan bilang kumbinasyon.
- Ito ay magreresulta sa pag-uulit kasama ang nauugnay na array at pagsasama-samahin ang mga item ng array upang ang mga ito ay mabago sa mga numero.
- Ngayon, ang mga na-convert na numero sa nakaraang hakbang ay idaragdag sa isang null array na kinakatawan ng ' [ ] ”.
- Panghuli, ipakita ang hanay ng mga nakadugtong na numero sa console.
Output
Sa partikular na output na ito, makikita na ang inilalaan na null array ay puno ng mga numero.
Konklusyon
Ang ' mapa() 'paraan, ang' forEach() 'at' push() 'mga pamamaraan, o ang' bawasan() 'at' concat() Ang mga paraan ay maaaring gamitin upang baguhin ang array ng string sa array ng numero sa JavaScript. Ang pamamaraan ng map() ay nagmamapa lamang ng mga nauugnay na halaga ng array sa mga numero. Samantalang ang iba pang dalawang diskarte ay umuulit kasama ang ibinigay na hanay ng string, i-convert ang mga ito sa mga numero, at idagdag ang mga na-convert na halaga sa isang inilalaan na null array. Ipinaliwanag ng tutorial na ito kung paano i-transform ang isang string sa array ng isang numero sa JavaScript.