jQuery的number_format插件

在日常的前端開發中，經常需要對數字進行格式化，如數字千分位加逗號、保留小數位等。jQuery number_format插件為實現此功能提供了便利的方法。

安裝

你可以在jQuery的官方網站上下載number_format插件，也可以使用npm安裝，具體如下：

$ npm install jquery-number-format

使用方法

首先，在HTML頁面中引入jQuery庫和number_format插件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="path/to/jquery.number_format.js"></script>

接下來就可以對數字進行格式化了：

var num = 1234567890.12345;
var formattedNum = $.number_format(num, 2, '.', ',');
console.log(formattedNum); // 輸出：1,234,567,890.12

number_format方法接受三個參數：

• num: 要格式化的數字
• decimals: 保留的小數位數
• decimalSeparator: 小數點分隔符
• thousandsSeparator: 千分位分隔符

其它方法

除了number_format方法外，這個插件還提供了其它有用的方法。

isNumeric

用于判斷一個值是不是數字。

$.isNumeric('123') // true
$.isNumeric('-123') // true
$.isNumeric('1.23') // true
$.isNumeric('1,234') // false
$.isNumeric('abc') // false

unformat

用于將帶有千分位分隔符的字符串轉換為數字。

var numStr = '123,456.78';
var num = $.unformat(numStr);
console.log(num); // 輸出：123456.78

toFixed

用于對一個數字進行四舍五入保留指定位數的操作。

var num = 1.2345;
var numStr = $.toFixed(num, 2);
console.log(numStr); // 輸出：1.23

總結

jQuery number_format插件為數字格式化帶來了極大的方便，在日常開發中可以大幅減少我們的代碼量。