Tutorial ini akan mengajari kita cara memformat angka dengan dua desimal menggunakan JavaScript. Memformat angka berarti membulatkan angka ke atas ke tempat desimal yang ditentukan. Dalam JavaScript, kita dapat menerapkan banyak metode untuk melakukan pemformatan. Beberapa dari mereka terdaftar sebagai berikut -
Metode toFixed()
Matematika. putaran() Metode
Matematika. lantai() Metode
Matematika. metode ceil()
Metode toFixed()
Metode toFixed() memformat angka dengan jumlah digit tertentu di sebelah kanan desimal. itu mengembalikan representasi string dari angka yang tidak menggunakan notasi eksponensial dan memiliki jumlah digit yang tepat setelah tempat desimal
Sintaksis
Berikut adalah format sintaks untuk angka hingga 2 desimal menggunakan metode toFixed() −
number.toFixed(2);Pada sintaks di atas toFixed() adalah metode pemformatan angka dengan duaDalam sintaks di atas toFixed() adalah metode pemformatan angka dengan dua desimal dalam JavaScript dan angka adalah angka yang akan diformat dengan dua desimal
Algoritma
- LANGKAH 1 - Deklarasikan variabel bernama "num" dan berikan nomor ke variabel tersebut
- LANGKAH 2 - Hitung num. keTetap(2). Hasilnya diformat dengan dua desimal
- LANGKAH 3 - Menampilkan hasilnya di layar pengguna
Contoh 1
Contoh di bawah ini akan mengilustrasikan angka sebelum dan sesudah pemformatan dalam JavaScript
JavaScript Number toFixed()
format a number with two decimals:
Number before formatting:
Number After formatting:
Dalam program di atas, kami telah menggunakan nomor tersebut. toFixed(2) membulatkan angka ke angka dengan dua posisi desimal. 9. 1291754 akan dibulatkan ke bawah menjadi (9. 13)
Matematika. bulat()
Matematika. metode round() mengembalikan ekspresi numerik yang diberikan yang dibulatkan ke angka terdekatnya. Kami akan menggunakan metode untuk memformat angka dengan dua desimal. Silakan lihat sintaks di bawah ini
Sintaksis
Berikut ini adalah sintaks untuk membulatkan angka tertentu dalam JavaScript −
Math.round(num*100)/100;Dalam sintaks di atas Math. round() adalah metode memformat angka dan num adalah angka yang akan diformat dengan dua desimal
Algoritma
- LANGKAH 1 - Sebagai langkah pertama, kami akan membuat variabel bernama "angka" dan memberikan nilai padanya
- LANGKAH 2 - Sekarang kita menghitung Matematika. round() dan menugaskannya ke variabel baru fixedNum, i. e. var fixedNum = Matematika. bulat(angka*100)/100
- LANGKAH 3 - Langkah terakhir atau ketiga akan menampilkan hasilnya di layar pengguna
Contoh 2
Contoh di bawah ini akan mengilustrasikan angka sebelum dan sesudah pemformatan dalam JavaScript
JavaScript Math.round()
format a number with two decimals
Number before formatting:
Number after formatting:
Pada program di atas, kita telah menggunakan Math. metode round() yang membulatkan angka ke angka dengan dua posisi desimal. 9. 1291754 akan dibulatkan ke bawah menjadi (9. 13)
Matematika. lantai() Metode
Matematika. metode floor() mengembalikan integer terbesar kurang dari atau sama dengan argumennya. Tapi kita bisa menggunakan cara ini untuk memformat angka dengan dua desimal
Sintaksis
Berikut ini adalah sintaks untuk memformat angka dengan dua desimal menggunakan Matematika. lantai() metode -
Math.floor(num*100)/100 _Di sini num adalah angka yang akan diformat dengan dua desimal
Contoh 3
Dalam contoh di bawah ini, kami memformat 9. 1291754 ke angka dengan dua desimal. Kami menggunakan Matematika. metode floor() untuk memformat nomor
JavaScript Math.floor() Method
Format a nubmer with 2 decimals:
Matematika. metode ceil()
Matematika. metode ceil() mengembalikan bilangan bulat terkecil lebih besar dari atau sama dengan angka. Kita dapat menerapkan metode ini untuk memformat angka menjadi angka dengan dua desimal
Sintaksis
Berikut adalah sintaks untuk memformat angka dengan dua desimal −
Math.ceil(num*100)/100 _Di sini num adalah angka float yang akan diformat dengan dua desimal
Contoh 4
Dalam contoh di bawah ini, kami memformat 9. 1291754 ke angka dengan dua desimal Kami menggunakan Matematika. ceil() metode untuk memformat nomor
JavaScript Math.ceil() Method
Format a number with 2 decimals:
Dalam tutorial ini, kita telah membahas empat metode untuk memformat angka dengan dua desimal. Silakan lihat perhatikan perbedaan antara hasil dalam contoh yang berbeda. Perhatikan mengapa Math. metode floor() memberikan hasil yang berbeda. Bisakah Anda mencoba dengan angka yang berbeda dan menemukan metode mana yang memberikan hasil berbeda dari yang lain?
Dalam hal membulatkan angka menjadi dua tempat desimal dalam JavaScript, pengembang memiliki banyak pilihan. Itu bisa dilakukan dengan
Fungsi toFixed()
Matematika. putaran() fungsi
Fungsi pembantu
- Fungsi lodash round()
Dalam artikel ini, saya akan menjelaskan, secara rinci, cara menggunakan masing-masingnya, serta menunjukkan contoh kehidupan nyata untuk pemahaman yang lebih baik.
Mari kita mulai 😎
Bagaimana cara membulatkan angka menggunakan fungsi toFixed()?
Solusi pertama dan termudah adalah dengan menggunakan fungsi toFixed()
typescript_Metode ini adalah yang termudah tetapi bukan yang paling akurat
Sebagai contoh. untuk 4. 005 itu akan memberi 4
Cara membulatkan bilangan menggunakan Matematika. putaran() fungsi?
Anda dapat membulatkan angka menjadi 2 tempat desimal dengan menggunakan Matematika. putaran() fungsi
typescript_Bagaimana cara membulatkan angka menggunakan fungsi pembantu khusus?
Anda juga dapat membulatkan angka dengan membuat fungsi pembantu yang akan menggunakan Matematika. round() dan beberapa keajaiban JavaScript
typescript_Bagaimana cara membulatkan angka dengan lodash?
Membulatkan angka bisa sulit dilakukan sendiri karena Anda perlu memikirkan banyak kasus penggunaan
Itu sebabnya Anda dapat menginstal perpustakaan yang akan melakukannya untuk Anda. Saya suka menggunakan lodash library, yaitu library yang berisi banyak fungsi utilitas untuk digunakan
Berikut adalah cara membulatkan angka dengan lodash
javascriptPikiran Akhir
Seperti yang Anda lihat, Anda memiliki banyak opsi untuk membulatkan angka ke tempat desimal tertentu dalam JavaScript
Yang mana yang harus dipilih adalah masalah preferensi. Bagi saya, sebagian besar waktu, saya menggunakan metode fungsi pembantu yang saya buat di utils saya dan impor ketika saya perlu