067 607 57 84
МЕНЮ

Функція number_format на JavaScript

Створення сайтів Львів

Часто буває, що програмуючи на одній мові, згадуєш функції з інших мов, які б так підійшли в поточний момент. Одна з таких функцій number_format, яка є в PHP і якої так не вистачає в JS.

Наведена нижче функція number_format на JS працює аналогічно функції, яка є в PHP.

/***
number - число
decimals - кількість знаків після роздільника
dec_point - символ роздільника
separator - роздільник тисячних
***/
function number_format(number, decimals, dec_point, separator ) {
  number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
  var n = !isFinite(+number) ? 0 : +number,
    prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
    sep = (typeof separator === 'undefined') ? ',' : separator ,
    dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
    s = '',
    toFixedFix = function(n, prec) {
      var k = Math.pow(10, prec);
      return '' + (Math.round(n * k) / k)
        .toFixed(prec);
    };
  // Фіксаємо баг в IE parseFloat(0.55).toFixed(0) = 0;
  s = (prec ? toFixedFix(n, prec) : '' + Math.round(n))
    .split('.');
  if (s[0].length > 3) {
    s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
  }
  if ((s[1] || '')
    .length < prec) {
    s[1] = s[1] || '';
    s[1] += new Array(prec - s[1].length + 1)
      .join('0');
  }
  return s.join(dec);
}
                    

Розглянемо кілька прикладів використання функції. Як і в PHP версії, не обов'язково використовувати всі змінні, функція сама підставить значення за замовчуванням, якщо їх не вказувати.

Приклад 1: number_format(1234.56);
Результат: '1,235'
 
Приклад 2: number_format(1234.56, 2, ',', ' ');
Результат: '1 234,56'
 
Приклад 3: number_format(1234.5678, 2, '.', '');
Результат: '1234.57'
 
Приклад 4: number_format(67, 2, ',', '.');
Результат: '67,00'
 
Приклад 5: number_format(1000);
Результат: '1,000'