MUAZHAN
Home

Add Currency Format Javascript

4 min read Jun 22, 2024
Add Currency Format Javascript

Cara Menambahkan Format Mata Uang dalam JavaScript

JavaScript memberikan kemampuan yang fleksibel untuk memformat angka, termasuk menambahkan format mata uang. Berikut adalah beberapa metode yang dapat Anda gunakan untuk menambahkan format mata uang ke angka dalam JavaScript:

1. Menggunakan toLocaleString()

Metode toLocaleString() adalah cara yang paling sederhana dan mudah untuk menambahkan format mata uang ke angka. Metode ini menggunakan pengaturan regional perangkat pengguna untuk menentukan simbol mata uang dan format yang tepat.

const number = 1234.56;

// Mengatur format mata uang sesuai dengan lokasi pengguna
const formattedCurrency = number.toLocaleString('id-ID', { style: 'currency', currency: 'IDR' }); 

console.log(formattedCurrency); // Output: Rp1.234,56

Penjelasan Kode:

  • 'id-ID' adalah kode bahasa dan wilayah untuk bahasa Indonesia.
  • { style: 'currency', currency: 'IDR' } adalah objek opsi yang menentukan gaya format sebagai 'currency' dan mata uang sebagai 'IDR' (Rupiah).

2. Menggunakan Library Eksternal

Terdapat beberapa library JavaScript yang dapat membantu Anda memformat angka menjadi mata uang dengan lebih banyak pilihan pengaturan dan fleksibilitas. Beberapa library populer termasuk:

  • Numeral.js: Library ini menyediakan berbagai format angka, termasuk format mata uang.
  • Accounting.js: Library ini khusus untuk memformat angka, termasuk mata uang, dengan berbagai pengaturan.
  • Intl.NumberFormat(): Ini merupakan objek built-in di browser modern yang memungkinkan Anda untuk memformat angka dengan berbagai pilihan seperti mata uang, desimal, dan gaya pemisah.

Berikut contoh menggunakan Numeral.js:

const numeral = require('numeral');

const number = 1234.56;

// Mengatur format mata uang dengan simbol mata uang dan format angka
const formattedCurrency = numeral(number).format('0,0.00
Javascript

Related Post

Latest Posts

Featured Posts

); console.log(formattedCurrency); // Output: 1.234,56 $

Penjelasan Kode:

3. Memanipulasi String secara Manual

Anda dapat menambahkan format mata uang secara manual dengan memanipulasi string angka. Namun, metode ini lebih kompleks dan membutuhkan pemahaman yang lebih dalam tentang format mata uang dan pengaturan regional.

const number = 1234.56;

// Memisahkan angka menjadi bagian bulat dan desimal
const integerPart = Math.floor(number);
const decimalPart = Math.round((number - integerPart) * 100) / 100;

// Mengatur format dengan simbol mata uang dan pemisah ribuan
const formattedCurrency = "Rp " + integerPart.toLocaleString() + "," + decimalPart.toFixed(2);

console.log(formattedCurrency); // Output: Rp 1.234,56

Penjelasan Kode:

Kesimpulan

Metode yang paling baik untuk menambahkan format mata uang dalam JavaScript bergantung pada kebutuhan Anda. toLocaleString() adalah pilihan paling sederhana untuk format default, sementara library eksternal memberikan lebih banyak opsi pengaturan dan fleksibilitas. Pemanipulasi string secara manual dapat digunakan untuk format yang lebih spesifik, tetapi membutuhkan lebih banyak usaha.

Javascript

Related Post

Latest Posts

Featured Posts