Простой способ отформатировать число в jQuery

Question

Я пытаюсь работать с плагином-слайдером jQuery, и он отлично работает, только мне нужно отформатировать вывод в читаемое число с запятыми, например, 30 402 424, а не 30402424.

Я знаю, что это возможнос javascript, но единственные пути, которые я нашел, очень длинные.Я создал скрипку, чтобы вы могли понять, что я имею в виду ...

http://jsfiddle.net/EX5U7/

Answer 1

Сам Javascript не поддерживает форматирование чисел, как вам нужно, но с некоторым поиском в Google я нашел следующее знакомое решение, которое я использовал в прошлом, несколько пересмотренное для лучшего качества кода.

function addCommas(numberString) {
  numberString += '';
  var x = numberString.split('.'),
      x1 = x[0],
      x2 = x.length > 1 ? '.' + x[1] : '',
      rgxp = /(\d+)(\d{3})/;

  while (rgxp.test(x1)) {
    x1 = x1.replace(rgxp, '$1' + ',' + '$2');
  }

  return x1 + x2;
}

Источник: http://www.mredkj.com/javascript/numberFormat.html

Обновленная скрипка: http://jsfiddle.net/EX5U7/8/

---

Вот еще одно решение, которое реализует PHP-функцию number_format в Javascript, позволяя вам даже больше, чем просто добавлять запятые через каждые 3 числа:

function number_format (number, decimals, dec_point, thousands_sep) {
    number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
    var n = !isFinite(+number) ? 0 : +number,
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        s = '',
        toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec);
            return '' + Math.round(n * k) / k;
        };
    // Fix for 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);
}

Использование: number_format(123456.789, 2, '.', ','); приводит к 123,456.79

Источник: http://phpjs.org/functions/number_format:481

Скрипка: http://jsfiddle.net/EX5U7/10/

Answer 2

Используйте следующий addCommas метод:

function addCommas(nStr)
{
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

Рабочий пример: http://jsfiddle.net/EX5U7/1/

Answer 3

попробуйте это:

function formatNumber(n){
    n += '';
    x = n.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

не помню, откуда я это взял, но использовал здесь: https://github.com/amantur/jquery.ui.counter

Answer 4

Это дубликат.

Но, к вашему сведению, решение, предоставленное в Этот вопрос позволило мне отредактировать ваше JSFiddle

$(function() {
         $( "#slider" ).slider({
             value:100,
             min: 0,
             max: 5000000000,
             step: 1,
             slide: function( event, ui ) {
                 $( "#amount" ).val( "£" + addCommas(ui.value) );
             }
         });
         $( "#amount" ).val( "£" + addCommas($( "#slider" ).slider( "value" )));
     });

function addCommas(nStr) {
    nStr += '';
    var x = nStr.split('.');
    var x1 = x[0];
    var x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

Answer 5

Использование регулярных выражений.

ui.value = (ui.value).toString().split("").reverse().join("").replace(/(\d{3})(?=\d)/g,"$1,").split("").reverse("").join("")

Answer 6

рассмотрите возможность использования accounting.js.Это крошечная библиотека JavaScript для форматирования чисел, денег и валюты

http://josscrowcroft.github.com/accounting.js/