Konversi Array of Starings ke Array of Numbers dalam JavaScript

Konversi Array Of Starings Ke Array Of Numbers Dalam Javascript



Saat menangani data secara massal, ada kemungkinan beberapa data sampah dalam bentuk karakter atau angka yang tidak diinginkan. Misalnya, mengurutkan data berdasarkan tipe data. Juga, dalam kasus decoding data yang disandikan. Dalam situasi seperti itu, mengonversi larik string menjadi larik angka dalam JavaScript sangat membantu dalam mengurangi kerumitan kode dan memanfaatkan sumber daya dengan tepat.

Blog ini akan mendemonstrasikan pendekatan untuk mengubah larik string menjadi larik angka menggunakan JavaScript.

Bagaimana Mengkonversi/Mengubah Larik String ke Larik Bilangan Menggunakan JavaScript?

Untuk mengubah larik string menjadi larik angka menggunakan JavaScript, terapkan pendekatan yang disebutkan di bawah ini:







  • peta() ' metode.
  • untuk setiap() ' dan ' dorongan() metode.
  • mengurangi() ' dan ' concat() metode.

Mari kita tunjukkan metode yang disebutkan satu per satu!



Pendekatan 1: Konversi/Transformasi Larik String ke Larik Bilangan Menggunakan Metode JavaScript via map()

peta() ” metode mengeksekusi fungsi sekali untuk setiap item array tanpa ada perubahan dalam array default. Metode ini dapat diterapkan untuk sekadar memetakan nilai string dalam larik terkait ke dalam larik angka.



Sintaksis





Himpunan. peta ( fungsi ( nilai curr , indeks , Himpunan ) , nilai )

Dalam sintaks yang diberikan di atas:

  • fungsi ” mengacu pada fungsi yang perlu dipanggil untuk setiap item dalam larik.
  • Parameter fungsi mengacu pada indeks nilai saat ini dalam larik yang ditentukan.
  • nilai ” menunjukkan nilai yang harus diteruskan ke fungsi.

Contoh
Mari kita tinjau contoh berikut:



< jenis skrip = 'teks/javascript' >
biarkan strArray = [ '10' , 'dua puluh' , '30' ] ;
menghibur. catatan ( 'Array string yang diberikan adalah:' , strArray )
biarkan numArray = strArray. peta ( Nomor )
menghibur. catatan ( 'Array angka menjadi:' , numArray ) ;
naskah >
  • Deklarasikan array string yang memiliki nilai yang dinyatakan dan tampilkan.
  • Setelah itu, terapkan ' peta() ” metode memiliki “ Nomor ” sebagai parameternya, yang akan mengubah larik string terkait menjadi angka.
  • Terakhir, tampilkan larik string yang diubah menjadi angka.

Keluaran

Pada output ini, terlihat bahwa array string diubah menjadi angka.

Pendekatan 2: Konversi/Transformasi Larik String ke Larik Angka dalam JavaScript Menggunakan Metode forEach() dan push()

untuk setiap() ” metode menerapkan fungsi untuk setiap elemen dalam array. “ dorongan() ” metode digunakan untuk menambahkan item dalam array di awal. Gabungan metode ini dapat diimplementasikan untuk melakukan iterasi di sepanjang larik string yang diberikan, mengubahnya menjadi angka, dan memasukkannya ke dalam larik kosong.

Sintaksis

Himpunan. untuk setiap ( fungsi ( saat ini , indeks , Himpunan ) , ini )

Di Sini:

  • fungsi : Ini adalah fungsi yang perlu dipanggil untuk setiap elemen dalam array.
  • saat ini : Parameter ini menandakan nilai array saat ini.
  • indeks : Ini menunjuk ke indeks elemen saat ini.
  • Himpunan : Ini mengacu pada larik saat ini.
  • ini : Ini sesuai dengan nilai yang diteruskan ke fungsi.
Himpunan. dorongan ( itu1 , itu2 )

Dalam sintaks ini:

  • itu1 , dan ' itu2 ” arahkan ke item yang perlu ditambahkan ke array.

Contoh
Mari kita lihat contoh yang disebutkan di bawah ini:

< jenis skrip = 'teks/javascript' >
biarkan strArray = [ 'dua puluh' , '40' , '60' ] ;
menghibur. catatan ( 'Array string yang diberikan adalah:' , strArray )
biarkan numArray = [ ] ;
strArray. untuk setiap ( rangkaian => {
numArray. dorongan ( Nomor ( rangkaian ) ) ;
} ) ;
menghibur. catatan ( 'Array angka menjadi:' , numArray ) ;
naskah >

Pada baris kode di atas:

  • Inisialisasi array yang terdiri dari nilai string yang dinyatakan dan tampilkan.
  • Juga, buat array kosong bernama “ numArr ”.
  • Pada langkah selanjutnya, terapkan ' untuk setiap() ” untuk beralih di sepanjang nilai array terkait.
  • Setelah itu, nilai iterasi pada langkah sebelumnya akan diubah menjadi angka melalui “ Nomor ”.
  • Sekarang, “ dorongan() ” Metode akan menambahkan angka yang dikonversi ke dalam larik kosong yang dialokasikan, seperti yang dibahas sebelumnya.
  • Terakhir, tampilkan array yang ditambahkan dengan angka.

Keluaran

Output di atas menunjukkan bahwa persyaratan yang diinginkan terpenuhi.

Pendekatan 3: Konversi/Transformasi Array String ke Array Angka dalam JavaScript Menggunakan Metode Reduce() dan Concat()

mengurangi() ” metode memanggil fungsi untuk elemen dalam array untuk memberikan nilai yang dikurangi, sebagai gantinya. “ concat() ” metode menggabungkan/menggabungkan beberapa array atau nilai string. Kombinasi dari metode ini dapat mengiterasi sepanjang larik string, menggabungkan nilai sehingga diubah menjadi angka, lalu menambahkannya ke dalam larik terpisah.

Sintaksis

Himpunan. mengurangi ( fungsi ( total , Nilai , Indeks , Himpunan ) , nilai )

Dalam sintaks khusus ini:

  • fungsi ” mengacu pada fungsi yang perlu dipanggil untuk setiap elemen array.
  • Argumen fungsi sesuai dengan indeks nilai saat ini dalam larik yang ditentukan.
  • nilai ” sesuai dengan nilai yang diteruskan ke fungsi.
larik1. concat ( rangkaian )

Dalam sintaks yang diberikan:

  • rangkaian ” mewakili nilai string yang perlu digabungkan.

Contoh
Contoh berikut menjelaskan konsep yang dinyatakan:

< jenis skrip = 'teks/javascript' >
biarkan strArray = [ 'limabelas' , '25' , '35' , 'Empat. Lima' ] ;
menghibur. catatan ( 'Array string yang diberikan adalah:' , strArray )
biarkan numArray = strArray. mengurangi ( ( pertama , terakhir ) => pertama. concat ( + terakhir ) , [ ] )
menghibur. catatan ( 'Array angka menjadi:' , numArray ) ;
naskah >

Pada baris kode di atas:

  • Deklarasikan larik string yang ditentukan dan tampilkan.
  • Pada langkah selanjutnya, terapkan ' mengurangi() ' dan ' concat() ” metode sebagai kombinasi.
  • Ini akan menghasilkan iterasi sepanjang larik terkait dan menggabungkan item larik sedemikian rupa sehingga diubah menjadi angka.
  • Sekarang, angka yang dikonversi pada langkah sebelumnya akan ditambahkan ke array nol yang diwakili oleh “ [ ] ”.
  • Terakhir, tampilkan larik angka yang ditambahkan di konsol.

Keluaran

Dalam keluaran khusus ini, dapat dilihat bahwa larik nol yang dialokasikan diisi dengan angka.

Kesimpulan

peta() ” metode, “ untuk setiap() ' dan ' dorongan() ” metode, atau “ mengurangi() ' dan ' concat() ” metode dapat digunakan untuk mengubah larik string menjadi larik angka dalam JavaScript. Metode map() hanya memetakan nilai array yang terkait ke dalam angka. Sedangkan dua pendekatan lainnya beralih di sepanjang larik string yang diberikan, mengubahnya menjadi angka, dan menambahkan nilai yang dikonversi ke dalam larik nol yang dialokasikan. Tutorial ini menjelaskan untuk mengubah string menjadi array angka dalam JavaScript.