Javascript: Einfacher Weg, Zahlen zu formatieren?

Question

Ich versuche, verschiedene Zahlen auf meiner Seite zu formatieren. Diese Zahlen stellen entweder einen Preis, eine Preisänderung oder einen Prozentsatz dar. Ich weiß, dass Javascript Funktionen hat, um die Anzahl der Dezimalstellen zu begrenzen, aber gibt es irgendeine Unterstützung für andere Arten der Formatierung, wie z. B. die Gruppierung von Zahlen mit Kommas, die Steuerung, ob das +/- angezeigt wird oder nicht, usw.? Hier ist, was ich bis jetzt habe:

var FORMATTER = {
    price       : function(value) { return '$' + value.toFixed(2); },
    pricePer    : function(value) { return (value * 100).toFixed(2) + '%'; },
    priceChg    : function(value) { return (value >= 0 ? '+' : '-') + '$' + Math.abs(value).toFixed(2); }
};

Es funktioniert gut, aber ich möchte Kommas in das 'price'-Formatierer einfügen, und Sie können sehen, dass es einen Hack im 'priceChg'-Formatierer gibt, wo ich versuche, das Vorzeichen vor das '$'-Zeichen zu setzen.

Im Grunde hoffe ich, es gibt einige Bibliothek da draußen (jQuery ist OK), die Javas DecimalFormat-Klasse emuliert.

Answer 1

Es gibt das NUMBERFORMATTER jQuery-Plugin, Details unten:

https://code.google.com/p/jquery-numberformatter/

Aus dem obigen Link:

Dieses Plugin ist ein NumberFormatter Plugin. Die Formatierung von Zahlen ist wahrscheinlich jedem vertraut, der schon einmal mit serverseitigem Code wie Java oder PHP gearbeitet hat und der sich mit Internationalisierung gearbeitet hat.

EDIT: Ich habe den Link durch einen direkteren ersetzt.

Answer 2

Nein, es gibt keine eingebaute Unterstützung für die Zahlenformatierung, aber wenn Sie googeln, finden Sie jede Menge Codeschnipsel, die dies für Sie erledigen.

EDIT: Ich habe den letzten Satz deines Beitrags übersehen. Versuchen Sie http://code.google.com/p/jquery-utils/wiki/StringFormat für eine jQuery-Lösung.

Answer 3

Gerade fertig eine js-Bibliothek für die Formatierung von Zahlen Numeral.js . Es verarbeitet Dezimalzahlen, Dollar, Prozentsätze und sogar Zeitformatierung.

Answer 4

Versuchen Sie auch dojo.nummer die über integrierte Lokalisierungsunterstützung verfügt. Es ist ein viel näheres Analogon zu Javas NumberFormat/DecimalFormat

Answer 5

Hier ist die YUI-Version, falls jemand interessiert ist:

http://developer.yahoo.com/yui/docs/YAHOO.util.Number.html

var str = YAHOO.util.Number.format(12345, { thousandsSeparator: ',' } );