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