FORMAT NUMBER PADA JAVASCRIPT

Dalam JavaScript, ada beberapa cara untuk memformat nomor agar lebih mudah dibaca atau sesuai dengan kebutuhan kamu. Di artikel ini, kita akan membahas beberapa metode yang paling umum digunakan.

Memformat Nomor dengan toLocaleString()

Metode toLocaleString() adalah cara cepat dan mudah untuk memformat nomor sesuai dengan lokal tertentu.

let number = 1234567.89;
console.log(number.toLocaleString('id-ID')); // Output: "1.234.567,89"

Dengan menambahkan argumen 'id-ID', kamu dapat memformat nomor sesuai dengan format Indonesia.

Memformat Nomor dengan Intl.NumberFormat

Cara lain yang lebih fleksibel adalah menggunakan Intl.NumberFormat. Metode ini memungkinkan kamu untuk lebih banyak mengatur detail format.

let number = 1234567.89;
let formatter = new Intl.NumberFormat('id-ID', {
    style: 'currency',
    currency: 'IDR',
    minimumFractionDigits: 2
});
console.log(formatter.format(number)); // Output: "Rp 1.234.567,89"

Dengan Intl.NumberFormat, kamu dapat langsung mengatur gaya (style) dan jenis mata uang (currency).

Teknik Lain

Pembulatan dengan toFixed()

Jika kamu hanya ingin memilih berapa banyak angka desimal yang ditampilkan, kamu bisa menggunakan metode toFixed().

let number = 1234.56789;
console.log(number.toFixed(2)); // Output: "1234.57"

Metode ini mengembalikan string angka dengan jumlah desimal yang ditentukan.

Memformat Manual

Meskipun tidak disarankan, kadang-kadang kamu mungkin ingin memformat nomor secara manual. Kamu dapat melakukannya dengan bantuan Regular Expression.

let number = 1234567.89;
let formatted = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
console.log(formatted); // Output: "1.234.567.89"

Namun, metode ini lebih rentan terhadap kesalahan dan sebaiknya dihindari jika metode lain bisa digunakan.