當前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 數(shù)字千分位函數(shù)JS代碼怎么寫

數(shù)字千分位函數(shù)JS代碼怎么寫

2012/11/6 17:21:43作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

數(shù)字千分位函數(shù)JS代碼怎么寫

【實例描述】

在財務(wù)運算中顯示數(shù)字時，有時要求必須顯示千分位符號。本例制作一個函數(shù)，使用正則實現(xiàn)任意小數(shù)和整數(shù)的千分位表現(xiàn)形式。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學(xué)無憂（wangbatian.cn）</title>
</head>
<body>
<script language="JavaScript">
function millon()
{
  var s=parseFloat(myNum.value); 
//獲取小數(shù)型數(shù)據(jù)
  s+="";
  if(s.indexOf(".")==-1) s+=".0";
//如果沒有小數(shù)點，在后面補個小數(shù)點和0
  if(/\.\d$/.test(s)) s+="0";   
//正則判斷
  while(/\d{4}(\.|,)/.test(s))  
//符合條件則進行替換
    s=s.replace(/(\d)(\d{3}(\.|,))/,"$1,$2");
//每隔3位添加一個，
  alert(s);
}
</script>
<input type="text" name="myNum" value="1234567890.08">
<input type="button" value="millon" onclick="millon()">
</body>
</html>
 

 
【運行效果】

 數(shù)字千分位函數(shù)運行效果

【難點剖析】

本例使用正則進行循環(huán)，循環(huán)條件是判斷“，”’符號前是否超過三位數(shù)。如果是則使用“replace’’方法，實現(xiàn)每隔三位輸出千分位符號的特效。

【源碼下載】

為了JS代碼的準確性，請點擊：數(shù)字千分位函數(shù) 進行本實例源碼下載 

標簽： 函數(shù)  JS代碼