numberFormat Untuk Javascript

numberFormat untuk javascript

Dalam artikel ini kita akan membahas bagaimana cara membuat number format dengan menggunakan pure javascript, nah jika Anda datang dari php programming, Anda pasti sudah terbiasa dengan yang namanya fungsi number_format() dalam bahasa tersebut, namun untuk javascript sayang nya itu tidak ada, kecuali Anda memakai yang namanya third-party package.

Baik, berikut adalah snippet yang bisa Anda gunakan.

1export const numberFormat = (number, decimals, dec_point, thousands_sep) => {
2    number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
3    var n = !isFinite(+number) ? 0 : +number,
4        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
5        sep = typeof thousands_sep === 'undefined' ? ',' : thousands_sep,
6        dec = typeof dec_point === 'undefined' ? '.' : dec_point,
7        s = '',
8        toFixedFix = function (n, prec) {
9            var k = Math.pow(10, prec);
10            return '' + Math.round(n * k) / k;
11        };
12    // Fix for IE parseFloat(0.55).toFixed(0) = 0;
13    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
14    if (s[0].length > 3) {
15        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
16    }
17    if ((s[1] || '').length < prec) {
18        s[1] = s[1] || '';
19        s[1] += new Array(prec - s[1].length + 1).join('0');
20    }
21    return s.join(dec);
22};
23
jsCopy

Untuk lebih jelas saja, Anda bisa mengetahui beberapa tipe data untuk parameternya. Anda bisa tambahkan tepat diatas function tersebut.

1// @param {string} number
2// @param {string} decimals
3// @param {string} dec_point
4// @param {string} thousands_sep
5// @return {string}
6export const numberFormat = (number, decimals, dec_point, thousands_sep) => {
7...
8
jsCopy

Nah, ketika Anda ingin menggunakannya, simple dengan cara.

1numberFormat(100000) // 100,000
2
jsCopy

Jika Anda ingin merubah decimal, atau pun seperator dari angka tersebut, bisa dengan cara seperti ini.

1numberFormat(100000, 0, 0, '.') // 100.000
2
jsCopy

Semoga bermanfaat, jangan lupa untuk berbagi dengan teman, tekan tombol love untuk bookmark.