Есть ли простой способ форматирования чисел в JavaScript, подобно методам форматирования, доступным на С# (или VB.NET) через ToString("format_provider")
или String.Format()
?
Номера формата в JavaScript, похожие на С#
Ответ 1
Вероятно, вам стоит взглянуть на плагин JQuery NUMBERFORMATTER:
И этот вопрос:
Ответ 2
Вообще
В jQuery
- autoNumeric (достойный номер форматирования и помощник ввода с поддержкой локали для jQuery 1.5 +)
- jQuery Format (реализация clientSide Java SimpleDateFormat и NumberFormat)
- jquery-numberformatter (число форматер с поддержкой локали)
Ответ 3
Да, есть определенно способ правильно форматировать числа в javascript, например:
var val=2489.8237
val.toFixed(3) //returns 2489.824 (round up)
val.toFixed(2) //returns 2489.82
val.toFixed(7) //returns 2489.8237000 (padding)
С помощью variablename. toFixed.
И есть еще одна функция toPrecision()
.
Для более подробной информации вы также можете посетить
http://raovishal.blogspot.com/2012/01/number-format-in-javascript.html
Ответ 4
Здесь простая JS-функция для добавления запятых к целочисленному числу в строчном формате. Он будет обрабатывать целые числа или десятичные числа. Вы можете передать это число или строку. Он явно возвращает строку.
function addCommas(str) {
var parts = (str + "").split("."),
main = parts[0],
len = main.length,
output = "",
first = main.charAt(0),
i;
if (first === '-') {
main = main.slice(1);
len = main.length;
} else {
first = "";
}
i = len - 1;
while(i >= 0) {
output = main.charAt(i) + output;
if ((len - i) % 3 === 0 && i > 0) {
output = "," + output;
}
--i;
}
// put sign back
output = first + output;
// put decimal part back
if (parts.length > 1) {
output += "." + parts[1];
}
return output;
}
Вот набор тестовых примеров: http://jsfiddle.net/jfriend00/6y57j/
Вы можете видеть, что он используется в предыдущем jsFiddle: http://jsfiddle.net/jfriend00/sMnjT/. Вы можете найти функции, которые будут обрабатывать десятичные числа, также с помощью простого поиска в Google "javascript add commas".
Преобразование числа в строку может быть сделано многими способами. Самое простое - просто добавить его в строку:
var myNumber = 3;
var myStr = "" + myNumber; // "3"
Внутри контекста jsFiddle вы получите запятую в счетчик, изменив эту строку:
jTarget.text(current);
:
jTarget.text(addCommas(current));
Вы можете увидеть, как он работает здесь: http://jsfiddle.net/jfriend00/CbjSX/
Ответ 5
Я написал простую функцию (не нужен еще один плагин jQuery!!), который преобразует число в десятичную разделительную строку или пустую строку, если число не начиналось с числа:
function format(x) {
return isNaN(x)?"":x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
format(578999);
приводит к 578,999
format(10);
приводит к 10
если вы хотите иметь десятичную точку вместо запятой, просто замените запятую в коде десятичной точкой.
Один из комментариев правильно заявил, что это работает только для целых чисел, с небольшими адаптациями вы можете заставить его работать и с плавающими точками:
function format(x) {
if(isNaN(x))return "";
n= x.toString().split('.');
return n[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",")+(n.length>1?"."+n[1]:"");
}
Ответ 6
Вот некоторые решения: все передают набор тестов, набор тестов и контрольный тест, если вы хотите скопировать и вставить для тестирования, попробуйте This Gist.
Метод 0 (RegExp)
База на fooobar.com/questions/1119/..., но исправить, если нет десятичной точки.
if (typeof Number.prototype.format === 'undefined') {
Number.prototype.format = function (precision) {
if (!isFinite(this)) {
return this.toString();
}
var a = this.toFixed(precision).split('.');
a[0] = a[0].replace(/\d(?=(\d{3})+$)/g, '$&,');
return a.join('.');
}
}
Способ 1
if (typeof Number.prototype.format1 === 'undefined') {
Number.prototype.format1 = function (precision) {
if (!isFinite(this)) {
return this.toString();
}
var a = this.toFixed(precision).split('.'),
// skip the '-' sign
head = Number(this < 0);
// skip the digits that before the first thousands separator
head += (a[0].length - head) % 3 || 3;
a[0] = a[0].slice(0, head) + a[0].slice(head).replace(/\d{3}/g, ',$&');
return a.join('.');
};
}
Способ 2 (разделение на массив)
if (typeof Number.prototype.format2 === 'undefined') {
Number.prototype.format2 = function (precision) {
if (!isFinite(this)) {
return this.toString();
}
var a = this.toFixed(precision).split('.');
a[0] = a[0]
.split('').reverse().join('')
.replace(/\d{3}(?=\d)/g, '$&,')
.split('').reverse().join('');
return a.join('.');
};
}
Способ 3 (цикл)
if (typeof Number.prototype.format3 === 'undefined') {
Number.prototype.format3 = function (precision) {
if (!isFinite(this)) {
return this.toString();
}
var a = this.toFixed(precision).split('');
a.push('.');
var i = a.indexOf('.') - 3;
while (i > 0 && a[i-1] !== '-') {
a.splice(i, 0, ',');
i -= 3;
}
a.pop();
return a.join('');
};
}
Пример
console.log('======== Demo ========')
var n = 0;
for (var i=1; i<20; i++) {
n = (n * 10) + (i % 10)/100;
console.log(n.format(2), (-n).format(2));
}
Разделитель
Если мы хотим использовать разделитель разделителей тысяч или десятичный разделитель, используйте replace():
123456.78.format(2).replace(',', ' ').replace('.', ' ');
Комплект тестирования
function assertEqual(a, b) {
if (a !== b) {
throw a + ' !== ' + b;
}
}
function test(format_function) {
console.log(format_function);
assertEqual('NaN', format_function.call(NaN, 0))
assertEqual('Infinity', format_function.call(Infinity, 0))
assertEqual('-Infinity', format_function.call(-Infinity, 0))
assertEqual('0', format_function.call(0, 0))
assertEqual('0.00', format_function.call(0, 2))
assertEqual('1', format_function.call(1, 0))
assertEqual('-1', format_function.call(-1, 0))
// decimal padding
assertEqual('1.00', format_function.call(1, 2))
assertEqual('-1.00', format_function.call(-1, 2))
// decimal rounding
assertEqual('0.12', format_function.call(0.123456, 2))
assertEqual('0.1235', format_function.call(0.123456, 4))
assertEqual('-0.12', format_function.call(-0.123456, 2))
assertEqual('-0.1235', format_function.call(-0.123456, 4))
// thousands separator
assertEqual('1,234', format_function.call(1234.123456, 0))
assertEqual('12,345', format_function.call(12345.123456, 0))
assertEqual('123,456', format_function.call(123456.123456, 0))
assertEqual('1,234,567', format_function.call(1234567.123456, 0))
assertEqual('12,345,678', format_function.call(12345678.123456, 0))
assertEqual('123,456,789', format_function.call(123456789.123456, 0))
assertEqual('-1,234', format_function.call(-1234.123456, 0))
assertEqual('-12,345', format_function.call(-12345.123456, 0))
assertEqual('-123,456', format_function.call(-123456.123456, 0))
assertEqual('-1,234,567', format_function.call(-1234567.123456, 0))
assertEqual('-12,345,678', format_function.call(-12345678.123456, 0))
assertEqual('-123,456,789', format_function.call(-123456789.123456, 0))
// thousands separator and decimal
assertEqual('1,234.12', format_function.call(1234.123456, 2))
assertEqual('12,345.12', format_function.call(12345.123456, 2))
assertEqual('123,456.12', format_function.call(123456.123456, 2))
assertEqual('1,234,567.12', format_function.call(1234567.123456, 2))
assertEqual('12,345,678.12', format_function.call(12345678.123456, 2))
assertEqual('123,456,789.12', format_function.call(123456789.123456, 2))
assertEqual('-1,234.12', format_function.call(-1234.123456, 2))
assertEqual('-12,345.12', format_function.call(-12345.123456, 2))
assertEqual('-123,456.12', format_function.call(-123456.123456, 2))
assertEqual('-1,234,567.12', format_function.call(-1234567.123456, 2))
assertEqual('-12,345,678.12', format_function.call(-12345678.123456, 2))
assertEqual('-123,456,789.12', format_function.call(-123456789.123456, 2))
}
console.log('======== Testing ========');
test(Number.prototype.format);
test(Number.prototype.format1);
test(Number.prototype.format2);
test(Number.prototype.format3);
Benchmark
function benchmark(f) {
var start = new Date().getTime();
f();
return new Date().getTime() - start;
}
function benchmark_format(f) {
console.log(f);
time = benchmark(function () {
for (var i = 0; i < 100000; i++) {
f.call(123456789, 0);
f.call(123456789, 2);
}
});
console.log(time.format(0) + 'ms');
}
async = [];
function next() {
setTimeout(function () {
f = async.shift();
f && f();
next();
}, 10);
}
console.log('======== Benchmark ========');
async.push(function () { benchmark_format(Number.prototype.format); });
async.push(function () { benchmark_format(Number.prototype.format1); });
async.push(function () { benchmark_format(Number.prototype.format2); });
async.push(function () { benchmark_format(Number.prototype.format3); });
next();
Ответ 7
Если вы не хотите использовать jQuery, посмотрите Numeral.js
Ответ 8
Во-первых, преобразование целого числа в строку в JS действительно просто:
// Start off with a number
var number = 42;
// Convert into a string by appending an empty (or whatever you like as a string) to it
var string = 42+'';
// No extra conversion is needed, even though you could actually do
var alsoString = number.toString();
Если у вас есть число в виде строки и вы хотите, чтобы оно было обращено к целому числу, вы должны использовать parseInt(string)
для целых чисел и parseFloat(string)
для float. Обе эти функции возвращают желаемое целое число /float. Пример:
// Start off with a float as a string
var stringFloat = '3.14';
// And an int as a string
var stringInt = '42';
// typeof stringInt would give you 'string'
// Get the real float from the string
var realFloat = parseFloat(someFloat);
// Same for the int
var realInt = parseInt(stringInt);
// but typeof realInt will now give you 'number'
Что именно вы пытаетесь добавить и т.д., остается непонятным для меня из вашего вопроса.
Ответ 9
http://code.google.com/p/javascript-number-formatter/:
- Короткий, быстрый, гибкий, но автономный. Только 75 строк, включая информацию о лицензии MIT, пустые строки и комментарии.
- Принять стандартное форматирование номера, например #, ## 0.00 или с отрицанием -000. ####.
- Примите любой формат страны, например # ## 0,00, #, ###. ##, # '###. ## или любой тип символа без нумерации.
- Принять любые цифры группировки цифр. #, ##, # 0.000 или #, ### 0. ## являются действительными.
- Принять любое форматирование с избыточным/безумным подтверждением. ##, ###, ##. # или 0 #, # 00 #. ### 0 # все ОК.
- Автоматическое округление номеров.
- Простой интерфейс, просто укажите маску и значение, подобное этому: format ( "0.0000", 3.141592)
UPDATE
Как говорят Tomáš Zato здесь однострочное решение:
(666.0).toLocaleString()
numObj.toLocaleString([locales [, options]])
который описан в выпуске ECMA-262 5.1:
- http://www.ecma-international.org/ecma-262/5.1/#sec-15.7.4.3
- https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
и будет работать в будущих версиях браузеров...
Ответ 10
Например:
var flt = '5.99';
var nt = '6';
var rflt = parseFloat(flt);
var rnt = parseInt(nt);
Ответ 11
Использование JQuery.
$(document).ready(function()
{
//Only number and one dot
function onlyDecimal(element, decimals)
{
$(element).keypress(function(event)
{
num = $(this).val() ;
num = isNaN(num) || num === '' || num === null ? 0.00 : num ;
if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57))
{
event.preventDefault();
}
if($(this).val() == parseFloat(num).toFixed(decimals))
{
event.preventDefault();
}
});
}
onlyDecimal("#TextBox1", 3) ;
});
Ответ 12
Чтобы получить десятичное число с двумя числами после запятой, вы можете просто использовать:
function nformat(a) {
var b = parseInt(parseFloat(a)*100)/100;
return b.toFixed(2);
}
Ответ 13
Здесь другая версия:
$.fn.digits = function () {
return this.each(function () {
var value = $(this).text();
var decimal = "";
if (value) {
var pos = value.indexOf(".");
if (pos >= 0) {
decimal = value.substring(pos);
value = value.substring(0, pos);
}
if (value) {
value = value.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
if (!String.isNullOrEmpty(decimal)) value = (value + decimal);
$(this).text(value);
}
}
else {
value = $(this).val()
if (value) {
var pos = value.indexOf(".");
if (pos >= 0) {
decimal = value.substring(pos);
value = value.substring(0, pos);
}
if (value) {
value = value.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
if (!String.isNullOrEmpty(decimal)) value = (value + decimal);
$(this).val(value);
}
}
}
})
};
Ответ 14
Я сделал простую функцию, возможно, кто-то может ее использовать
function secsToTime(secs){
function format(number){
if(number===0){
return '00';
}else {
if (number < 10) {
return '0' + number
} else{
return ''+number;
}
}
}
var minutes = Math.floor(secs/60)%60;
var hours = Math.floor(secs/(60*60))%24;
var days = Math.floor(secs/(60*60*24));
var seconds = Math.floor(secs)%60;
return (days>0? days+"d " : "")+format(hours)+':'+format(minutes)+':'+format(seconds);
}
это может генерировать следующие выходы:
- 5d 02:53:39
- 4d 22:15:16
- 3:01:05
- 00:00:00
Ответ 15
Если вы хотите отформатировать номер для просмотра, а не для вычисления, вы можете использовать этот
function numberFormat( number ){
var digitCount = (number+"").length;
var formatedNumber = number+"";
var ind = digitCount%3 || 3;
var temparr = formatedNumber.split('');
if( digitCount > 3 && digitCount <= 6 ){
temparr.splice(ind,0,',');
formatedNumber = temparr.join('');
}else if (digitCount >= 7 && digitCount <= 15) {
var temparr2 = temparr.slice(0, ind);
temparr2.push(',');
temparr2.push(temparr[ind]);
temparr2.push(temparr[ind + 1]);
// temparr2.push( temparr[ind + 2] );
if (digitCount >= 7 && digitCount <= 9) {
temparr2.push(" million");
} else if (digitCount >= 10 && digitCount <= 12) {
temparr2.push(" billion");
} else if (digitCount >= 13 && digitCount <= 15) {
temparr2.push(" trillion");
}
formatedNumber = temparr2.join('');
}
return formatedNumber;
}
Ввод: {Integer} номер
Выходы: {String} Number
22,870 = > если номер 22870
22,87 млн = > если номер 2287xxxx (x может быть любым)
22,87 млрд = > если номер 2287xxxxxxx
22,87 трлн = > если номер 2287xxxxxxxxxx
Вы получаете идею
Ответ 16
В дальнейшем jfriend00 ответ (у меня нет достаточного количества баллов для комментариев). Я распространил его/ее ответ на следующее:
function log(args) {
var str = "";
for (var i = 0; i < arguments.length; i++) {
if (typeof arguments[i] === "object") {
str += JSON.stringify(arguments[i]);
} else {
str += arguments[i];
}
}
var div = document.createElement("div");
div.innerHTML = str;
document.body.appendChild(div);
}
Number.prototype.addCommas = function (str) {
if (str === undefined) {
str = this;
}
var parts = (str + "").split("."),
main = parts[0],
len = main.length,
output = "",
first = main.charAt(0),
i;
if (first === '-') {
main = main.slice(1);
len = main.length;
} else {
first = "";
}
i = len - 1;
while(i >= 0) {
output = main.charAt(i) + output;
if ((len - i) % 3 === 0 && i > 0) {
output = "," + output;
}
--i;
}
// put sign back
output = first + output;
// put decimal part back
if (parts.length > 1) {
output += "." + parts[1];
}
return output;
}
var testCases = [
1, 12, 123, -1234, 12345, 123456, -1234567, 12345678, 123456789,
-1.1, 12.1, 123.1, 1234.1, -12345.1, -123456.1, -1234567.1, 12345678.1, 123456789.1
];
for (var i = 0; i < testCases.length; i++) {
log(testCases[i].addCommas());
}
/*for (var i = 0; i < testCases.length; i++) {
log(Number.addCommas(testCases[i]));
}*/