javascript 數(shù)字格式化輸出的實現(xiàn)代碼
更新時間：2013年12月10日 10:06:47 作者：
這篇文章主要是對javascript中數(shù)字格式化輸出的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復制代碼 代碼如下:
<script type="text/javascript">
var format = function (number, form) {
var forms = form.split('.'), number = '' + number, numbers = number.split('.')
, leftnumber = numbers[0].split('')
, exec = function (lastMatch) {
if (lastMatch == '0' || lastMatch == '#') {
if (leftnumber.length) {
return leftnumber.pop();
} else if (lastMatch == '0') {
return lastMatch;
} else {
return '';
}
} else {
return lastMatch;
}
}, string
string = forms[0].split('').reverse().join('').replace(/./g, exec).split('').reverse().join('');
string = leftnumber.join('') + string;
if (forms[1] && forms[1].length) {
leftnumber = (numbers[1] && numbers[1].length) ? numbers[1].split('').reverse() : [];
string += '.' + forms[1].replace(/./g, exec);
}
return string.replace(//.$/, '');
};
alert(format(123, '#.00')) //輸出 123.00
alert(format(123, '0.##')) //輸出 123
alert(format(123, '0000.00 ')) //輸出 0123.00
alert(format(123456, '###,###.00')) //輸出 123,456.00
</script>
相關(guān)文章
這篇文章主要介紹了詳解JS中Array對象擴展與String對象擴展的相關(guān)資料,需要的朋友可以參考下2016-01-01
HTML5的canvas提供了getImageData接口來獲取canvas中的數(shù)據(jù)，所以我們能夠先用drawImage接口將圖片畫在canvas上然后再通過getImageData得到圖片數(shù)據(jù)矩陣,需要了解的朋友可以詳細參考下2012-12-12
今天給大家分享一個特別有意思的軟件卸載對話框功能，本段代碼是基于js 與css實現(xiàn)的，感興趣的朋友跟隨小編一起看看吧2019-12-12
js知識點總結(jié)之getComputedStyle的用法
getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識點總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了JS出現(xiàn)404錯誤原理及解決方案,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
window對象提供了兩個方法來實現(xiàn)定時器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時間后運行；而后者則可以使一段代碼每過指定時間就運行一次2015-10-10
這篇文章主要介紹了js簡單判斷移動端系統(tǒng)的方法,通過JavaScript的navigator.userAgent相關(guān)屬性判斷訪問端的系統(tǒng)類型,非常簡單實用,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了VSCode 配置uni-app的方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
Echarts圖表如何利用formatter自定義tooltip的內(nèi)容和樣式
這篇文章主要給大家介紹了關(guān)于Echarts圖表如何利用formatter自定義tooltip的內(nèi)容和樣式的相關(guān)資料,echarts的圖表配置非常的靈活自由,但是不熟悉的時候容易不知道怎么配置,需要的朋友可以參考下2023-06-06
el-date-picker?限制開始時間和結(jié)束時間的代碼實現(xiàn)
在Vue.js中使用Element?UI庫的el-date-picker組件時,可以通過設(shè)置picker-options來限制開始時間和結(jié)束時間的選擇范圍,下面通過例子介紹el-date-picker?限制開始時間和結(jié)束時間的實現(xiàn),感興趣的朋友一起看看吧2024-08-08