Javascript將數(shù)字轉(zhuǎn)化成為貨幣格式字符串
這里第一個(gè)方法是用JavaScript將數(shù)字number轉(zhuǎn)換為貨幣字符串的格式(參數(shù):保留小數(shù)位數(shù),貨幣符號(hào),整數(shù)部分千位分隔符,小數(shù)分隔符)
這里第二個(gè)方法是用簡(jiǎn)單的正則表達(dá)式將貨幣字符換轉(zhuǎn)換為純凈的數(shù)字字符串,之后便可以將字符串轉(zhuǎn)換為數(shù)字number
JavaScript Money Format(用prototype對(duì)Number進(jìn)行擴(kuò)展)
// Extend the default Number object with a formatMoney() method: // usage: someVar.formatMoney(decimalPlaces, symbol, thousandsSeparator, decimalSeparator) // defaults: (2, "$", ",", ".") Number.prototype.formatMoney = function (places, symbol, thousand, decimal) { places = !isNaN(places = Math.abs(places)) ? places : 2; symbol = symbol !== undefined ? symbol : "$"; thousand = thousand || ","; decimal = decimal || "."; var number = this, negative = number < 0 ? "-" : "", i = parseInt(number = Math.abs(+number || 0).toFixed(places), 10) + "", j = (j = i.length) > 3 ? j % 3 : 0; return symbol + negative + (j ? i.substr(0, j) + thousand : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousand) + (places ? decimal + Math.abs(number - i).toFixed(places).slice(2) : ""); };
如下便是一些轉(zhuǎn)換實(shí)例:
// Default usage and custom precision/symbol : var revenue = 12345678; alert(revenue.formatMoney()); // $12,345,678.00 alert(revenue.formatMoney(0, "HK$ ")); // HK$ 12,345,678 // European formatting: var price = 4999.99; alert(price.formatMoney(2, "€", ".", ",")); // €4.999,99 // It works for negative values, too: alert((-500000).formatMoney(0, "£ ")); // £ -500,000
Currency to number – removing money formatting (用正則表達(dá)式進(jìn)行過(guò)濾)
var price = (12345.99).formatMoney(); // "$12,345.99" // Remove non-numeric chars (except decimal point/minus sign): priceVal = parseFloat(price.replace(/[^0-9-.]/g, '')); // 12345.99
這個(gè)方法僅僅應(yīng)用于小數(shù)分隔符為"."的模式,如果小數(shù)分隔符是"," 那么正則表達(dá)式為/[^0-9-,]/g
不用prototype對(duì)Number進(jìn)行拓展的版本:
// To set it up as a global function: function formatMoney(number, places, symbol, thousand, decimal) { number = number || 0; places = !isNaN(places = Math.abs(places)) ? places : 2; symbol = symbol !== undefined ? symbol : "$"; thousand = thousand || ","; decimal = decimal || "."; var negative = number < 0 ? "-" : "", i = parseInt(number = Math.abs(+number || 0).toFixed(places), 10) + "", j = (j = i.length) > 3 ? j % 3 : 0; return symbol + negative + (j ? i.substr(0, j) + thousand : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousand) + (places ? decimal + Math.abs(number - i).toFixed(places).slice(2) : ""); } // To create it as a library method: myLibrary.formatMoney = function (number, places, symbol, thousand, decimal) { /* as above */ } // Example usage: formatMoney(54321); // $54,321 myLibrary.formatMoney(12345, 0, "£ "); // £ 12,345
以上就是本文的全部?jī)?nèi)容,了解更多JavaScript的語(yǔ)法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》,也希望大家多多支持腳本之家。
- js 字符串轉(zhuǎn)換成數(shù)字的三種方法
- js字符串轉(zhuǎn)換成數(shù)字與數(shù)字轉(zhuǎn)換成字符串的實(shí)現(xiàn)方法
- JavaScript中將字符串轉(zhuǎn)換為數(shù)字的七種方法總結(jié)
- JavaScript數(shù)字和字符串轉(zhuǎn)換示例
- JavaScript字符串轉(zhuǎn)數(shù)字的5種方法及遇到的坑
- 淺談JS 數(shù)字和字符串之間相互轉(zhuǎn)化的糾紛
- JavaScript字符串轉(zhuǎn)換數(shù)字的方法
- JS操作字符串轉(zhuǎn)數(shù)字的常見方法示例
- JavaScript中數(shù)字轉(zhuǎn)字符串的6種方式以及性能比較
相關(guān)文章
js+h5 canvas實(shí)現(xiàn)圖片驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了js+h5 canvas實(shí)現(xiàn)圖片驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10javascript中先加加和后加加區(qū)別 ++a和a++區(qū)別解析
從學(xué)習(xí) javascript 開始,就對(duì) 先加加 和 后加加 模糊不清,時(shí)至今日,再來(lái)學(xué)習(xí)一下,這篇文章主要介紹了javascript中先加加和后加加區(qū)別++a和a++區(qū)別解析,需要的朋友可以參考下2023-09-09JavaScript實(shí)現(xiàn)在數(shù)組中查找不同順序排列的字符串
這篇文章主要介紹了JavaScript實(shí)現(xiàn)在數(shù)組中查找不同順序排列的字符串,本文用兩個(gè)方法解決了這道算法題,需要的朋友可以參考下2014-09-09JS用斜率判斷鼠標(biāo)進(jìn)入DIV四個(gè)方向的方法
在網(wǎng)上去搜判斷鼠標(biāo)移入div移入移出的方法大同小異,下面小編給大家分享一篇文章關(guān)于js判斷鼠標(biāo)進(jìn)入div方向的代碼,感興趣的朋友一起看看吧2016-11-11Js可拖拽放大的層拖動(dòng)特效實(shí)現(xiàn)方法
這篇文章主要介紹了Js可拖拽放大的層拖動(dòng)特效實(shí)現(xiàn)方法,涉及javascript操作DOM元素及css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02'webpack-dev-server'?不是內(nèi)部或外部命令也不是可運(yùn)行的程序?或批處理文件的最
這篇文章主要介紹了'webpack-dev-server'?不是內(nèi)部或外部命令也不是可運(yùn)行的程序?或批處理文件的最新解決方法,文中給大家補(bǔ)充介紹了webpack-dev-server的介紹與用法,需要的朋友可以參考下2023-02-02JavaScript自定義Webpack配置實(shí)現(xiàn)流程介紹
本系列主要整理前端面試中需要掌握的知識(shí)點(diǎn)。本節(jié)介紹webpack如何優(yōu)化前端性能,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-10-10