Bagaimana Anda membagi serangkaian angka dalam javascript?

Dalam tutorial ini, kita akan mempelajari cara membagi nomor JavaScript menjadi digit individual. Terkadang, kita perlu membagi angka menjadi digit individu untuk menyelesaikan tugas yang diberikan kepada kita seperti memeriksa nomor palindrom. Mari kita bahas metode untuk membagi angka menjadi angka

• Ketika angka diambil dalam bentuk angka

• Ketika nomor diambil dalam bentuk string

Mari kita bahas keduanya satu per satu dengan contoh program

Ketika input berupa angka

Jika nomor input dalam bentuk angka, kita cukup mengulang nomor dan memisahkan masing-masing digitnya menggunakan operator Modulo(%)

Algoritma

• Langkah 1 – Pada langkah ini, kami akan mengambil nomor yang harus dibagi

• Langkah 2 - Pada langkah kedua, kita akan menentukan fungsi yang berisi logika untuk membagi digit angka

• Langkah 3 - Pada langkah terakhir, kami menulis logika di dalam fungsi yang ditentukan pada langkah sebelumnya dan juga logika untuk menampilkan hasilnya di layar pengguna

Contoh

Contoh di bawah ini akan membagi nomor JavaScript menjadi digit individual −

   
Input number: 
   
Individual Digits: 
   

Dalam contoh ini, kami menganggap angka sebagai "20340921" yang kemudian dibagi menjadi digit individu dengan melintasi setiap digit menggunakan while loop dan menyimpan setiap digit dalam variabel bernama digit

Ketika nomor diambil dalam bentuk string

Dalam JavaScript, kita dapat menggunakan dua metode JavaScript bawaan yang berbeda untuk membagi string angka dan kemudian menyimpannya dalam variabel untuk ditampilkan nanti di layar. Kedua metode ini tercantum di bawah ini −

• Metode push() array

• Metode pemisahan string ().

Menggunakan metode JavaScript Array push()

Dalam metode ini, kami hanya akan mendorong digit individu dari nomor string dalam larik dan kemudian menampilkannya di layar

Sintaksis

Berikut ini adalah sintaks penggunaan metode array push() di JavaScript −

array.push();

Mari kita pahami lebih baik dengan bantuan contoh kode −

Algoritma

• Langkah 1 - Pada langkah pertama, kita akan menentukan tag input dalam dokumen untuk mengambil nomor string input

• Langkah 2 - Pada langkah selanjutnya, kita mendefinisikan fungsi JavaScript yang menggunakan metode push() untuk mendorong karakter individual dari string yang akan menjadi digit individual kita

• Langkah 3 - Pada langkah ini, kami akan menulis logika untuk menampilkan output pada layar pengguna di dalam fungsi yang sama yang ditentukan pada langkah sebelumnya karena akan dipanggil oleh acara klik

Contoh

Contoh di bawah ini akan mengilustrasikan penggunaan metode push() untuk membagi angka menjadi digit individual −

   
Split JavaScript Number into individual digits
   Enter the number:

   


   click to Split
   
The individual digits of number are: 
   

Pada contoh di atas, kita mengambil input berupa string di dalam tag input dan kemudian menggunakan fungsi push() untuk mendorong karakter individu dari nomor string di dalam array num satu per satu dan kemudian menampilkannya di layar.

Menggunakan JavaScript String split() Metode

Metode split dalam JavaScript digunakan untuk memisahkan karakter individu dari string

Sintaksis

string.split()

CATATAN − Algoritma dari contoh ini hampir mirip dengan contoh sebelumnya;

Contoh

Contoh di bawah ini akan menjelaskan cara kerja metode split() untuk membagi rangkaian angka −

   
Split JavaScript Number into individual digits
   Enter the number:

   


   click to Split
   
The individual digits of number are: 
   

Dalam contoh di atas, kami telah mengambil input dari pengguna dalam bentuk string angka dan kemudian menggunakan metode JavaScript split() bawaan untuk string untuk membagi string angka menjadi karakter digit individual dan kemudian menampilkannya di layar pengguna

Dalam tutorial ini, kita belajar tentang tiga metode berbeda untuk memisahkan angka menjadi digit individual, di mana angka tersebut dapat berupa string atau bentuk angka. Kita dapat menggunakan metode ini untuk membagi angka apa pun menjadi digitnya masing-masing dan kemudian menggunakan digit tersebut untuk menyelesaikan masalah berdasarkan pemeriksaan format angka atau string seperti memeriksa angka apakah itu angka palindrom atau bukan.

Artikel ini adalah transkrip serial youtube gratis saya tentang dasar-dasar pengembangan web. Jika Anda lebih suka menonton daripada membaca, silakan kunjungi saluran saya "Dev Newbs"

Hai untuk semua pengembang yang menonton episode ini. Metode hari ini adalah salah satu metode favorit saya. Tolong jangan tanya kenapa saya punya metode String favorit. Saya kira saya hanya aneh. Tapi sekarang serius - kami akan memisahkan string seperti orang gila. Kuatkan dirimu

Metode split() digunakan untuk membagi string menjadi array substring, dan mengembalikan array baru. Metode split() tidak mengubah string asli. Metode ini memiliki dua parameter. Keduanya opsional

Pertama, tentukan karakter, atau ekspresi reguler, yang akan digunakan untuk memisahkan string. Jika parameter dihilangkan, seluruh string akan dikembalikan sebagai array dengan hanya satu item. Di sisi lain, jika string kosong (“”) digunakan sebagai pemisah, string akan dipisahkan di antara setiap karakter

Parameter kedua adalah bilangan bulat yang menentukan jumlah pemisahan. Item setelah batas pemisahan tidak akan disertakan dalam larik yang dihasilkan

Mari kita lihat cara kerjanya di contoh 1

const str = "Hello Dev Newbs! 😃";// separator is not provided
str.split()                   // ["Hello Dev Newbs! 😃"]// separator is empty string
str.split("")// ["H", "e", "l", "l", "o", " ", "D", "e", "v", " ", "N", "e", "w", // "b", "s", "!", " ", "\ud83d", "\ude03"]// separator is empty space
str.split(" ")                // ["Hello", "Dev", "Newbs!", "😃"]// separator is RegExp specifying (optional) empty space + capital letter
str.split(/[\s]*[A-Z]/)       // ["", "ello", "ev", "ewbs! 😃"]// separator is empty string & limit is 5 first letters
str.split("", 5)              // ["H", "e", "l", "l", "o"]

Seperti yang dapat kita lihat pada contoh pertama, menghilangkan parameter input menghasilkan array dengan hanya satu elemen yang terdiri dari seluruh string

String kosong membagi string menjadi "karakter" UTF-16 individual. Saya ingin menunjukkan bahwa karakter yang terdiri dari lebih dari satu unit kode akan dipecah menjadi unit kode, bukan poin kode. Oleh karena itu simbol emoji kami dibagi menjadi nilai unit kodenya seperti yang kita lihat di output

Jika kita menggunakan ekspresi reguler, kecocokan yang tepat harus ditemukan, jika tidak, hasilnya adalah larik dengan satu elemen yang terdiri dari seluruh string

Jika pemisahan karakter atau ekspresi reguler berada di awal atau di akhir, pemisahan masih terjadi dan kami mendapatkan elemen string kosong di awal atau di akhir, berdasarkan kasus tersebut. Anda dapat melihat hal itu terjadi jika pemisah adalah ekspresi reguler, di mana kami mencari huruf kapital secara opsional didahului dengan ruang kosong. Kapital H di awal string cocok dengan kondisi ini, jadi pemisahan menciptakan ruang kosong sebagai elemen pertama dari array yang dihasilkan

Ada beberapa perilaku yang berlawanan dengan intuisi terkait ekspresi reguler yang harus saya sebutkan. Jika pemisah adalah ekspresi reguler dengan tanda kurung penangkap, maka setiap kali pemisah cocok, hasil (termasuk hasil yang tidak terdefinisi) dari tanda kurung penangkap disambungkan ke larik keluaran

Mari kita lihat perilaku pada contoh kedua

const months = 'January,February ,March,April, May, June , July,August,  ...';const re1 = /\s*,\s*/;
const re2 = /\s*(,)\s*/;months.split(re1)    // ["January", "February", "March", "April", "May", "June", "July", // "August", "..."]months.split(re2)// ["January", ",", "February", ",", "March", ",", "April", ",", 
// "May", ",", "June", ",", "July", ",", "August", ",", "..."]

Ekspresi reguler pertama tidak menggunakan tanda kurung dan kami mendapatkan apa yang kami harapkan. Namun dalam kasus kedua, tanda kurung mengandung koma, sehingga kecocokan ini juga ditambahkan ke dalam larik yang dihasilkan

Ada juga aspek lain yang menarik dari contoh ini dan penggunaan ekspresi “\s*” untuk menghapus satu atau lebih ruang kosong potensial. Ini bisa berguna saat kita mencoba memisahkan string yang tidak memiliki struktur yang ditentukan secara tepat

Mari kita lihat satu contoh lagi untuk menunjukkan kasus penggunaan, ketika perilaku ini masuk akal

const numbers = 'Uno  Dos Three  4 Five 6 Sieben Osem 9 zehn';const re = /\s*(\d+)\s*/;numbers.split(re)       // ["Uno  Dos Three", "4", "Five", "6", "Sieben Osem", "9", "zehn"]

Kami mencoba untuk membagi string yang berisi representasi angka yang berbeda. Nomor kami dapat ditulis sebagai kata-kata dalam berbagai bahasa dan bahkan menggunakan angka. Kami pertama-tama ingin membagi string menjadi angka kata dan angka angka. Kita dapat melakukannya dengan menggunakan ekspresi reguler yang disediakan. Kemudian kami dapat memproses setiap kelompok nomor kata sesuai keinginan kami

Tentu saja, ada banyak solusi lain, beberapa lebih efektif daripada yang lain, tapi tetap saja… Senang juga memiliki opsi ini

Bagaimana cara membagi angka dalam sebuah string?

Bagaimana cara mengiris angka dalam JavaScript?

Bagaimana cara membagi nilai dalam array di JavaScript?

Bagaimana cara membagi angka pertama dalam JavaScript?

Bagaimana cara memisahkan angka dan string dalam array JavaScript?

Bisakah Anda membaginya dengan string dalam JavaScript?