Web 頁(yè)面如何加貨幣符號(hào)和大寫(xiě)轉(zhuǎn)換

這篇文章給大家介紹Web 頁(yè)面如何加貨幣符號(hào)和大寫(xiě)轉(zhuǎn)換，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

Web 頁(yè)面數(shù)據(jù)顯示常會(huì)涉及到各種各樣的數(shù)據(jù)格式化處理，其中，將金額加貨幣符號(hào)和大寫(xiě)轉(zhuǎn)換就很常見(jiàn)。

1. 代碼開(kāi)發(fā)版實(shí)現(xiàn)方法

定義數(shù)據(jù)轉(zhuǎn)換函數(shù)，頁(yè)面進(jìn)行調(diào)用。

1). 添加貨幣符號(hào)函數(shù)：

a. 獲取待處理的值，判斷是否為有效數(shù)值；

b. 將數(shù)值轉(zhuǎn)換為字符串類(lèi)型，定位在第一個(gè)數(shù)字前添加貨幣符號(hào)。

核心代碼：

function currency (money){
 let val = money;
 if(val){
 val = '$'+val;
return val;
 }
}

注：貨幣符號(hào)轉(zhuǎn)換常需要同步做千分位格式處理，那就需要代碼再分步處理數(shù)據(jù)小數(shù)點(diǎn)前后的內(nèi)容核心代碼如：var re=/(?=(?!(\b))(\d{3})+$)/g; money1= money1.replace(re,“,”);

2) . 大小寫(xiě)轉(zhuǎn)換函數(shù)為例：

a. 定義最大處理金額；

b. 判斷金額所屬范圍（>0、=0、<0）, 將數(shù)值轉(zhuǎn)換為字符串類(lèi)型；

c. 分別處理小數(shù)點(diǎn)前后的金額，拼接返回。

核心代碼：

if (parseInt(IntegerNum, 10) > 0) { //獲取整型部分轉(zhuǎn)換
 var zeroCount = 0;
 var IntLen = IntegerNum.length;
 for (var i = 0; i < IntLen; i++) {
 var n = IntegerNum.substr(i, 1);
 var p = IntLen - i - 1;
 var q = p / 4;
 var m = p % 4;
 if (n == "0") {
 zeroCount++;
 }
 else {
 if (zeroCount > 0) {
 ChineseStr += cnNums\[0\];
 }
 zeroCount = 0; //歸零
 ChineseStr += cnNums\[parseInt(n)\] + cnIntRadice\[m\];
 }
 if (m == 0 && zeroCount < 4) {
 ChineseStr += cnIntUnits\[q\];
 }
 }
 ChineseStr += cnIntLast;
 //整型部分處理完畢
 }
 if (DecimalNum != '') { //小數(shù)部分
 var decLen = DecimalNum.length;
 for (var i = 0; i < decLen; i++) {
 var n = DecimalNum.substr(i, 1);
 if (n != '0') {
 ChineseStr += cnNums\[Number(n)\] + cnDecUnits\[i\];
 }
 }
 }

2. 更便捷多用的方法

使用內(nèi)置數(shù)據(jù)顯示轉(zhuǎn)換功能的報(bào)表工具，通過(guò)簡(jiǎn)單的設(shè)置達(dá)到數(shù)據(jù)轉(zhuǎn)換的效果。

1) 添加貨幣符號(hào)配置

2) 數(shù)值大寫(xiě)轉(zhuǎn)換

注：使用工具除了可以簡(jiǎn)單快捷實(shí)現(xiàn)上述轉(zhuǎn)換外，還可以做更多的顯示設(shè)置，比如：數(shù)值轉(zhuǎn)中文，日期格式化等等。

如上兩種情況相較而言，前者代碼雖可以實(shí)現(xiàn)轉(zhuǎn)換的需求，但要求開(kāi)發(fā)者的邏輯思維一定要清晰，思路要明確，不然很可能因?yàn)榭紤]不夠全面，導(dǎo)致轉(zhuǎn)換不正確，且往往一個(gè)頁(yè)面需要做數(shù)據(jù)格式化的處理的部分很多，每個(gè)都這么寫(xiě)就很麻煩，后續(xù)維護(hù)也困難。

關(guān)于Web 頁(yè)面如何加貨幣符號(hào)和大寫(xiě)轉(zhuǎn)換就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。