accounting.js_使⽤Accounting.js格式化数字
在⽹络上时，我们使⽤数字来显⽰未读的消息，评论，喜欢，推⽂和其他⼤量物品，当涉及格式化数字以⽤于银⾏或⾦融机构时，显⽰数字可能需要⼀些解决⽅法。
如果您需要数字以货币格式显⽰或⽤逗号或⼩数点分隔 ，那么您会喜欢使⽤ ，这是⼀个⽤于货币和货币格式JavaScript库。
在本⽂中，我们将向您展⽰其⼀些基本功能，然后在⼀个实际⽰例中利⽤它来展⽰其⼯作原理。 让我们开始吧。
⼊门
Accounting.js是⼀个没有依赖关系JavaScript库。 您不需要jQuery来使⽤它； 它可以独⽴运⾏。 从下载源代码，将其放在适当的⽬录中，然后将⽂件链接到HTML⽂档中。
<script src="js/accounting.js"></script>
基本格式
Accounting.js提供了⼏种格式化数字的⽅法。 我们要看的第⼀个是formatMoney() 。 此⽅法是将数字转换为货币的基本功能。 要使⽤它，每种⽅法都要先进⾏accounting ，然后再加上⽅法的名称。 例如：posss
accounting.formatMoney(2000000);
在默认设置中，Accounting.js将显⽰上⾯的⽰例带有美元符号，⽤逗号将每三个数字分开，并使⽤⼩数点将美元与美分分开。
$2,000,000.00
某些国家/地区每三位数（千位）和⼗进制使⽤不同的分隔符。 Accounting.js完全可本地化。 如果默认输出不是您当地货币的显⽰⽅式，则可以使⽤选项进⾏更改。
下⾯，我们以德语为例，它使⽤点分隔符（千位）和逗号（⼗进制）：
accounting.formatMoney(2000000, {
symbol : "€",
thousand : ".",
百知
caitlin
decimal : ",",
});
这将输出：
€2.000.000,00
如果要格式化不带货币符号的数字，则可以使⽤formatNumber()⽅法。
舍⼊数
货币可能有⼩数。 但是我们通常将它们向上或向下舍⼊到最接近的值，以使数字更容易记住或猜测。 在Accounting.js中 ，我们可以使⽤.toFixed()来实现。 此⽰例显⽰了如何删除⼩数位并将其四舍五⼊到最接近的⼗分之⼀：
输出为：
103
构建⼀个简单的货币转换器
在本节中，我们将使⽤上⾯提到的那些功能来构建货币转换器 。 我们将不会构建⼀个⼴泛的转换器，⽽只是⼀个简单的实例来说明Accounting.js可以做什么。
在练习中，我们将USD转换为2种货币，即KRW（韩元）和JPY（⽇元）。
让我们按如下所⽰布置⽂档结构：
<div class="currency-option">
<div class="row">
<h4 class="heading">From</h4>
东莞翻译<lect id="input-currency" disabled>
<option value="USD" data-symbol="$" lected>US Dollar</option>
</lect>
<span id="input-symbol">$</span> <input id="input-number" class="input" type="number" min="0">
</div>
<div class="row">
<h4 class="heading">To</h4>
<lect id="output-currency">
<option value="krw" data-symbol="₩" lected>Korean Won</option>
<option value="jpy" data-symbol="¥">Japane Yen</option>
</lect>
<span id="output-number">₩ 0</span>
</div>
</div>
正如我们在上⾯看到的，我们有两⾏div 。 第⼀⾏包含⼀个下拉选项，该选项设置为USD，并且已禁
⽤，因此⽤户将⽆法选择其他选项。该⾏还包含⼀个number类型输⼊字段，我们将在其中输⼊要转换的美元数量。
在第⼆⾏中，我们也有⼀个下拉选项，其中包含两个货币选项：韩元和⽇元。 每个选项都有⼀个value属性和⼀个data-symbol属性，⽤于存储货币符号。 我们使⽤⼀个span元素来输出转换后的结果。
汇率
在撰写本⽂时，1美元等于1077.80韩元和102.24⽇元。 我们可以从实时获取这些汇率值。 但是，⽬前，我们只需要使⽤.toFixed()⽅法将值放在变量中就可以对数字取整：
var jpy = Fixed(102.24, 0),
krw = Fixed(1077.80, 0),
万圣节化妆获取选项
接下来，我们将创建⼀个新函数，以从下拉选项的value和data-symbol属性获取值。 然后将这些值存储在Array 。
var getCurrency = function(elem) {
var $curAbbr = elem.find(':lected').val(),
教师节的文章$curSign = elem.find(':lected').data('symbol');
return {
'symbol' : $curSign,
'value' : $curAbbr,
};
};
转换功能
我们希望转换实时发⽣ 。 这意味着它将在⽤户在输⼊字段中键⼊或在货币之间切换时发⽣。
为了实现这个想法，我们将为#output-currency和#input-number分配三个JavaScript事件，分别是 ， 和 ：
学习英语的电影$('#output-currency, #input-number').on('change keyup keydown', function() {
// the stuff
}
然后，我们将使⽤上⾯创建的getCurrency函数从下拉选项#output-currency检索值。 值被分隔在两个不同的变量中，即$symbol和$val ，如下所⽰。
var $currency = getCurrency($('#output-currency')),
noons$symbol = $currency['symbol'],英孚教育价格
$val = $currency['value'];
我们还需要从输⼊字段中获取数字，以及我们在jpy和krw变量中设置的当前汇率值； 使⽤条件函数，我们可以决定使⽤哪种货币汇率（krw 或jpy）。
// get number
var mulitplyNum = ($val == 'jpy') ? jpy : krw;
var $getInput = $('#input-number').val();
使⽤上⾯的数字，我们可以计算结果。
var $getTotal = ($getInput * mulitplyNum);
但是，在输出数字之前，让我们使⽤.formatMoney()⽅法将其包装为正确的格式：
var number = accounting.formatMoney($getTotal, {
symbol : $symbol,
precision : 0,
thousand : ','
});
最后，我们输出最终的格式化数字。
$('#output-number').text(number);
qwe
我们完成了。 您可以在下⾯查看实际的演⽰。
您也可以在我们的演⽰页⾯上⾃⼰尝试。
最终思想
将纯数字格式转换为货币并不像您想象的那样难。 使⽤Accounting.js，这件事变得⾮常容易。 我们还向您展⽰了如何实现构建简单的⼯
作货币转换器的功能。 搏⼀搏。
