Bagaimana Anda membulatkan ke 2 tempat desimal di html?

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

1. Fungsi toFixed()

2. Matematika. putaran() fungsi

3. Fungsi pembantu

4. 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

javascript

Pikiran 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

Bagaimana cara menempatkan 2 tempat desimal dalam HTML?

Bagaimana Anda membulatkan angka dalam HTML?

Bagaimana cara membatasi jumlah tempat desimal dalam HTML?