這篇文章給大家介紹Web 頁面如何加貨幣符號和大寫轉換，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

專注于為中小企業(yè)提供成都網站設計、做網站、成都外貿網站建設公司服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)綏德免費做網站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網站建設實現規(guī)模擴充和轉變。

Web 頁面數據顯示常會涉及到各種各樣的數據格式化處理，其中，將金額加貨幣符號和大寫轉換就很常見。

1. 代碼開發(fā)版實現方法

定義數據轉換函數，頁面進行調用。

1). 添加貨幣符號函數：

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

b. 將數值轉換為字符串類型，定位在第一個數字前添加貨幣符號。

核心代碼：

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

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

2) . 大小寫轉換函數為例：

a. 定義大處理金額；

b. 判斷金額所屬范圍（>0、=0、<0）, 將數值轉換為字符串類型；

c. 分別處理小數點前后的金額，拼接返回。

核心代碼：

if (parseInt(IntegerNum, 10) > 0) { //獲取整型部分轉換
 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 != '') { //小數部分
 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. 更便捷多用的方法

使用內置數據顯示轉換功能的報表工具，通過簡單的設置達到數據轉換的效果。

1) 添加貨幣符號配置

2) 數值大寫轉換

注：使用工具除了可以簡單快捷實現上述轉換外，還可以做更多的顯示設置，比如：數值轉中文，日期格式化等等。

如上兩種情況相較而言，前者代碼雖可以實現轉換的需求，但要求開發(fā)者的邏輯思維一定要清晰，思路要明確，不然很可能因為考慮不夠全面，導致轉換不正確，且往往一個頁面需要做數據格式化的處理的部分很多，每個都這么寫就很麻煩，后續(xù)維護也困難。

關于Web 頁面如何加貨幣符號和大寫轉換就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

新聞標題：Web頁面如何加貨幣符號和大寫轉換-創(chuàng)新互聯(lián)
網頁地址：http://weahome.cn/article/dijpjp.html