Formatieren von zahlen in JavaScript ist ähnlich wie C#

Gibt es eine einfache Möglichkeit zum formatieren von zahlen in JavaScript, ähnlich wie die Formatierung von Methoden in C# (oder VB.NET) über ToString("format_provider") oder String.Format()?

und 32.6 Millionen von Ihnen sind schrecklich...
stackoverflow.com/questions/8449580/...

InformationsquelleAutor xiemails | 2009-07-01

9

Sollten Sie wahrscheinlich haben einen Blick auf das JQuery-NUMBERFORMATTER-plugin:

Jquery Anzahl Formatter

Und diese Frage:

Javascript einfacher Weg, um zahlen zu formatieren

InformationsquelleAutor karim79
75

In der Regel
- Formatieren von zahlen in JavaScript
- Formatierung von zahlen für die Anzeige der Währung und mehr.
In jQuery
- autoNumeric (eine anständige Zahl formatter & input Helfer mit locale-Unterstützung für jQuery 1.5+)
- jQuery-Format (ein clientseitiger Implementierung von Java ist "=SimpleDateFormat und NumberFormat)
- jquery-numberformatter (Anzahl formatter mit dem locale-Unterstützung)
Ein Wort der Warnung: Die jQuery-Nummer formatter Sie einen link auf (ich habe versucht, mit v1.1.0) ist komplett kaputt und unbrauchbar. Wie in: Es funktioniert nicht, überhaupt. Hier ist eine anständige Formatierung plugin: asual.com/jquery/format
Sollten Sie post, als Antwort. Das ist definitiv die beste Nummer formatter plugin, das ich verwendet habe. Ich wünschte, es waren Unterlagen außerhalb der unit-tests obwohl.
Es ist nie zu spät. Hier bin ich mit Blick auf dieses mehr als ein Jahr später!
Und mich fast drei Jahre später!
autoNumeric ist Recht voll ausgestattete und kürzlich aktualisiert, um 1.8.0.

InformationsquelleAutor rahul
47

Ja, es ist definitiv ein Weg, um zahlen zu formatieren, richtig in javascript, zum Beispiel:
```
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)
```
Mit der Nutzung der Variablenname.toFixed .

Und es ist eine weitere Funktion toPrecision() .
Für weitere Details können Sie auch besuchen

http://raovishal.blogspot.com/2012/01/number-format-in-javascript.html

InformationsquelleAutor Vishal Barot
24

Hier ist eine einfache JS-Funktion zum hinzufügen von Kommas, um eine Zahl im string-format. Es handle ganzen zahlen oder Dezimalzahlen. Man kann Sie entweder eine Zahl oder ein string sein. Offensichtlich gibt einen string zurück.
```
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;
}
```
Hier ist eine Reihe von Testfällen: http://jsfiddle.net/jfriend00/6y57j/

Können Sie sehen, dass es in diesem früheren jsFiddle: http://jsfiddle.net/jfriend00/sMnjT/. Finden Sie Funktionen, die handle decimal-zahlen auch mit einer einfachen Google-Suche nach "javascript hinzufügen Kommas".

Konvertieren einer Zahl in einen string kann getan werden, viele Möglichkeiten. Das einfachste ist einfach, um es in einen string:
```
var myNumber = 3;
var myStr = "" + myNumber;   //"3"
```
Innerhalb der Kontext Ihrer jsFiddle, würden Sie bekommen Komma in den Zähler, indem Sie diese Zeile:
```
jTarget.text(current);
```
:
```
jTarget.text(addCommas(current));
```
Können Sie sehen, es arbeiten hier: http://jsfiddle.net/jfriend00/CbjSX/

Ich fügte hinzu, mehr auf das Ende meiner Antwort, die zeigt, wie addCommas können Hinzugefügt werden, um Ihre Geige.
Unterstützung für dezimal-zahlen in der addCommas() Funktion, so dass es funktioniert für zahlen mit einem dezimalen Teil.
Nicht so heiß für negative zahlen ):
Ich fügte Unterstützung für negative zahlen.
Sehr schön. Ich bin mit diesem jetzt.

InformationsquelleAutor jfriend00
12

Schrieb ich eine einfache Funktion (nicht noch ein weiteres jQuery-plugin benötigt!!) wandelt eine Zahl in eine dezimal-getrennter string, oder ein leerer string, wenn der Zahl nicht eine Anzahl zu beginnen mit:
```
function format(x) {
    return isNaN(x)?"":x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
```
format(578999); Ergebnisse in 578,999

format(10); Ergebnisse in 10

wenn Sie einen dezimal-Punkt statt ein Komma ersetzen das Komma im code mit Dezimalpunkt.

Einer der Kommentare korrekt angegeben, dies funktioniert aber nur für Ganzzahlen, mit ein paar kleinen Anpassungen können Sie es Arbeit für floating points:
```
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]:"");
}
```
Das ist eine nette Idee, leider funktioniert es nur gut für Ganzzahlen.
Wenn Sie trennen die floating-point-Teil zuerst, dann tun Sie dies mit der Ganzzahl, und fügen Sie dann der fließende Punkt wieder es sollte auch auf fp
"412.8".replace(/\B(?=(\d{3})+(?!\d))/g, ","); zurück 412.8. Ich denke, es könnte zurück 412.80

InformationsquelleAutor patrick

Sind hier einige Lösungen, die alle den test bestehen, suite, test-und benchmark-suite enthalten, wenn Sie möchten, kopieren und einfügen, um zu testen, versuchen Diese Gist.

Methode 0 (RegExp)

Basis auf https://stackoverflow.com/a/14428340/1877620, aber fix, wenn es keinen Dezimalpunkt.

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('.');
    }
}

Methode 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's 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('.');
    };
}

Methode 2 (Split-Array)

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('.');
    };
}

Methode 3 (Loop)

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('');
    };
}

Beispiel

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));
}

Separator

Wenn wir wollen, dass benutzerdefinierte Trennzeichen für Tausender-oder Dezimaltrennzeichen, replace () verwenden:

123456.78.format(2).replace(',', ' ').replace('.', ' ');

Test-suite

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();

InformationsquelleAutor Steely Wing

7

Wenn Sie nicht wollen, um jQuery verwenden, werfen Sie einen Blick auf Numeral.js

InformationsquelleAutor adamwdraper
4

Erstens, die Umwandlung eines integer in string in JS ist wirklich einfach:
```
//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();
```
Wenn Sie eine Zahl als string und möchte es sich an eine integer-Zahl, Sie verwenden die parseInt(string) für Ganzzahlen und parseFloat(string) für Schwimmer. Diese beiden Funktionen dann wieder die gewünschte integer/float. Beispiel:
```
//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'
```
Was genau wollen Sie Anhängen etc, bleibt mir unklar bei deiner Frage.

Dank für, die. Hast du meine code auf jsfiddle? Ich im Grunde verstehen, wie der Umwandlung eines integer zu einem string - was ich nicht verstehe, da bin ich nicht sehr bewandert in js noch, wie es zu tun mit dem Kontext des Skripts, die ich verwende. Weitere Erkenntnisse?
Ich verstehe nicht, was muss angehängt werden nach einem Koma. Wenn es nur das zählen, empfehle ich schwimmen, und wenn Sie möchten, dass 2 Nachkommastellen Sie könnten zum Beispiel einfach erhöht die Anzahl um 0,01 jedes mal, nicht von 1.
Sie haben wirklich Geduld mit mir - ich verstehe nicht, wie meine konvertieren Zahl in einen string in meinem code.
Bitte verwenden Sie parseInt(..., 10) obwohl,, um sicherzustellen, Basis 10 verwendet.
Nicht eine Antwort auf die Frage. Will er (und ich auch) zu drehen XXXXXXX.YYYY in X,XXX,XXX.YYYY.

InformationsquelleAutor zatatatata
3

http://code.google.com/p/javascript-number-formatter/ :
- Kurze, schnelle, flexible, aber auch standalone. Nur 75 Zeilen, einschließlich der MIT-Lizenz info, leere Zeilen & Kommentare.
- Akzeptieren standard-Zahlenformat #,##0.00 oder mit negation -000.####.
- Akzeptieren jedem Land format wie # ##0,00, #,###.##, #'###.## oder jede Art von nicht-Nummerierung " - symbol.
- Akzeptieren die zahlen der Ziffer Gruppierung. #,##,#0.000 #,###0.## sind alle gültig.
- Akzeptieren keine redundante/fool-proof-Formatierung. ##,###,##.# oder 0#,#00#.###0# sind alle OK.
- Automatisches Zahl gerundet.
- Einfache Schnittstelle, einfach Angebot Maske & Wert: format( "0.0000", 3.141592)
UPDATE

Wie gesagt Tomáš Zato hier eine Lösung:
```
(666.0).toLocaleString()
numObj.toLocaleString([locales [, options]])
```
beschrieben in der ECMA-262 5.1 Edition:
- 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
sich und arbeiten in zukünftigen Versionen von Browsern...

Wenn downvote schreiben warum!
Weil ich möchte nicht in der Bibliothek, wenn ich nur eine einfache Funktion...?
Ist, dass einfache Funktion: code.google.com/p/javascript-number-formatter/source/browse/... ? Ich denke - ja (60 Zeilen code).
Sie haben sehr richtig gesagt "ich glaube". Das ist, weil, ob etwas einfach ist oder nicht ist Ansichtssache. Es gibt keine absolute Wahrheit unter Meinungen geben uns die Möglichkeit, unendlich viele Argumente.
Es scheint, du bist wirklich bereit zu gehen geflame über mein Kommentar. Habt Ihr nichts besseres zu tun? Trotzdem, ein Einzeiler cross-country-code ist (6666.0).toLocaleString(). Und Sie sind herzlich eingeladen zu rufen jedes Verhalten, was Sie wollen, wenn Sie sind sich bewusst, dass solche Kommentare sind out-of-topic und könnte verschwinden. Auch bitte aufhören zu versuchen, um mich undownvote Ihre post. Sie sind zum scheitern verurteilt, weil ich nicht downvote Sie... ich prever Kommentare über downvotes.

InformationsquelleAutor gavenkoa

Beispiel:

var flt = '5.99';
var nt = '6';

var rflt = parseFloat(flt);
var rnt = parseInt(nt);

InformationsquelleAutor Jake Badlands

Mit 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) ;



});

InformationsquelleAutor Adrian

1

Um eine Dezimalzahl mit 2 stellen nach dem Komma, Sie könnten einfach verwenden:
```
function nformat(a) {
   var b = parseInt(parseFloat(a)*100)/100;
   return b.toFixed(2);
}
```
InformationsquelleAutor Nekudotayim

Hier ist eine andere version:

$.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);
                }
            }
        }
    })
};

InformationsquelleAutor user673117

Machte ich eine einfache Funktion, vielleicht kann jemand es verwenden,

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);
}

diese erzeugen kann die folgenden Ausgänge:

5d 02:53:39
4d 22:15:16
03:01:05
00:00:00

InformationsquelleAutor Alejandro Silva

Ist, sollten Sie die format-Nummer für die Ansicht, sondern für die Berechnung, die Sie verwenden können, diese

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;
}

Eingang: {Ganze Zahl} Anzahl

Ausgänge: {String} Anzahl

22,870 => wenn Anzahl 22870

22,87 Millionen => wenn Anzahl 2287xxxx (x kann alles sein)

22,87 Milliarden => wenn Anzahl 2287xxxxxxx

22,87 Billionen => wenn Anzahl 2287xxxxxxxxxx

Du auf die Idee

InformationsquelleAutor Herbi Shtini

0

Darf ich vorschlagen, numbro für locale, die Formatierung und number-format.js für den Allgemeinen Fall. Eine Kombination aus beiden je nach use-case kann helfen.

InformationsquelleAutor John Stephenson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.