Teisendage vaatamiste massiiv JavaScriptis numbrite massiiviks

Teisendage Vaatamiste Massiiv Javascriptis Numbrite Massiiviks



Andmete hulgitöötlemisel võib mõni teave soovimatute märkide või numbrite kujul tekkida. Näiteks andmete sorteerimine andmetüüpide alusel. Samuti kodeeritud andmete dekodeerimisel. Sellistes olukordades on stringide massiivi teisendamine JavaScriptis numbrimassiiviks suureks abiks koodi keerukuse vähendamisel ja ressursside asjakohasel kasutamisel.

See ajaveeb tutvustab lähenemisviise stringi massiivi muutmiseks JavaScripti abil numbrimassiiviks.

Kuidas teisendada / teisendada stringide massiivi JavaScripti abil numbrimassiiviks?

Stringi massiivi muutmiseks JavaScripti abil arvumassiiviks rakendage alltoodud lähenemisviise.







  • kaart () ” meetod.
  • igaühele() ” ja „ push () ” meetodid.
  • vähenda () ” ja „ concat () ” meetodid.

Demonstreerime kirjeldatud meetodeid ükshaaval!



1. lähenemisviis: stringide massiivi teisendamine/teisendamine numbrimassiiviks, kasutades JavaScripti meetodi map() kaudu

' kaart () ” meetod käivitab funktsiooni iga massiivi üksuse jaoks üks kord ilma vaikemassiivi muutmata. Seda meetodit saab rakendada seotud massiivi stringiväärtuste lihtsalt vastendamiseks numbrite massiiviks.



Süntaks





massiivi. kaart ( func ( currValue , indeks , massiivi ) , väärtus )

Ülaltoodud süntaksis:

  • func ” viitab funktsioonile, mida tuleb massiivi iga üksuse jaoks välja kutsuda.
  • Funktsiooni parameetrid viitavad praeguse väärtuse indeksile määratud massiivis.
  • väärtus ” näitab väärtust, mis tuleb funktsioonile edastada.

Näide
Teeme ülevaate järgmisest näitest:



< skripti tüüp = 'tekst/javascript' >
lase strArray = [ '10' , 'kakskümmend' , '30' ] ;
konsool. logi ( 'Antud stringide massiiv on:' , strArray )
lase numArray = strArray. kaart ( Number )
konsool. logi ( 'Numbrite massiivist saab:' , numArray ) ;
stsenaarium >
  • Deklareerige määratud väärtustega stringide massiiv ja kuvage see.
  • Pärast seda rakendage ' kaart () meetod, millel on Number ”, mis muudab seotud stringide massiivi numbriteks.
  • Lõpuks kuvage arvudeks teisendatud stringide massiiv.

Väljund

Selles väljundis on näha, et stringi massiiv teisendatakse numbriteks.

2. lähenemisviis: stringide massiivi teisendamine/teisendus JavaScriptis numbrimassiiviks, kasutades meetodeid forEach() ja push()

' igaühele() ” meetod rakendab iga massiivi elemendi jaoks funktsiooni. ' push () ” meetodit kasutatakse massiivi üksuse lisamiseks alguses. Neid meetodeid saab kombineerida, et itereerida antud stringi massiivi, teisendada need numbriteks ja lükata need tühjaks massiiviks.

Süntaks

massiivi. igaühele ( funktsiooni ( praegune , indeks , massiivi ) , see )

Siin:

  • funktsiooni : See on funktsioon, mis tuleb massiivi iga elemendi jaoks välja kutsuda.
  • praegune : see parameeter tähistab praegust massiivi väärtust.
  • indeks : osutab praeguse elemendi indeksile.
  • massiivi : see viitab praegusele massiivile.
  • see : see vastab funktsioonile edastatavale väärtusele.
massiivi. suruma ( see1 , see2 )

Selles süntaksis:

  • see1 , ja ' see2 ” osuta üksustele, mis tuleb massiivi lisada.

Näide
Vaatame läbi alltoodud näite:

< skripti tüüp = 'tekst/javascript' >
lase strArray = [ 'kakskümmend' , '40' , '60' ] ;
konsool. logi ( 'Antud stringide massiiv on:' , strArray )
lase numArray = [ ] ;
strArray. igaühele ( string => {
numArray. suruma ( Number ( string ) ) ;
} ) ;
konsool. logi ( 'Numbrite massiivist saab:' , numArray ) ;
stsenaarium >

Ülaltoodud koodiridades:

  • Initsialiseerige määratud stringiväärtustest koosnev massiiv ja kuvage see.
  • Samuti looge tühi massiiv nimega ' numArr ”.
  • Järgmises etapis rakendage ' igaühele() ” meetodiga seotud massiivi väärtuste kordamiseks.
  • Pärast seda teisendatakse eelmise sammu itereeritud väärtused numbriteks, kasutades ' Number ”.
  • Nüüd, ' push () ” meetod lisab teisendatud numbrid eraldatud tühja massiivi, nagu eelnevalt kirjeldatud.
  • Lõpuks kuvage massiiv, millele on lisatud numbrid.

Väljund

Ülaltoodud väljund näitab, et soovitud nõue on täidetud.

3. lähenemisviis: stringide massiivi teisendamine/teisendus JavaScriptis numbrimassiiviks, kasutades meetodeid Reduction() ja concat()

' vähenda () ” meetod kutsub välja massiivi elementide funktsiooni, et anda vastutasuks vähendatud väärtus. ' concat () ” meetod ühendab/ühendab mitu massiivi või stringi väärtust. Nende meetodite kombinatsioon võib itereerida piki stringi massiivi, liita väärtused nii, et need teisendatakse numbriteks, ja seejärel lisada need eraldi massiivi.

Süntaks

massiivi. vähendada ( func ( kokku , Väärtus , Indeks , massiivi ) , väärtus )

Selles konkreetses süntaksis:

  • func ” viitab funktsioonile, mida tuleb iga massiivi elemendi jaoks kutsuda.
  • Funktsiooni argumendid vastavad määratud massiivi praeguse väärtuse indeksile.
  • väärtus ” vastab funktsioonile edastatud väärtusele.
massiiv1. concat ( string )

Antud süntaksis:

  • string ” tähistab stringi väärtust, mis tuleb ühendada.

Näide
Järgmine näide selgitab esitatud kontseptsiooni:

< skripti tüüp = 'tekst/javascript' >
lase strArray = [ 'viisteist' , '25' , '35' , 'Neli. Viis' ] ;
konsool. logi ( 'Antud stringide massiiv on:' , strArray )
lase numArray = strArray. vähendada ( ( esiteks , viimane ) => esiteks. concat ( + viimane ) , [ ] )
konsool. logi ( 'Numbrite massiivist saab:' , numArray ) ;
stsenaarium >

Ülaltoodud koodiridades:

  • Deklareerige määratud stringi massiiv ja kuvage see.
  • Järgmises etapis rakendage ' vähenda () ” ja „ concat () ” meetodid kombinatsioonina.
  • Selle tulemusena itereeritakse piki seotud massiivi ja ühendatakse massiivi üksused nii, et need muudetakse numbriteks.
  • Nüüd lisatakse eelmises etapis teisendatud numbrid nullmassiivi, mida tähistab ' [ ] ”.
  • Lõpuks kuvage konsoolil lisatud numbrite massiiv.

Väljund

Selles konkreetses väljundis on näha, et eraldatud nullmassiiv on täidetud numbritega.

Järeldus

' kaart () ' meetod, ' igaühele() ” ja „ push () ” meetodid või „ vähenda () ” ja „ concat () ” meetodeid saab kasutada stringi massiivi teisendamiseks JavaScriptis numbrimassiiviks. Meetod map() kaardistab seotud massiivi väärtused lihtsalt numbriteks. Kui ülejäänud kaks lähenemist itereerivad antud stringi massiivi, teisendavad need numbriteks ja lisavad teisendatud väärtused eraldatud nullmassiivi. Selles õpetuses selgitati stringi muutmist JavaScriptis numbrimassiiviks.