欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript將數(shù)值轉(zhuǎn)換為金額格式(分隔千分位和自動增加小數(shù)點(diǎn))

 更新時間:2016年06月22日 11:49:50   作者:沫魚  
這篇文章主要介紹Javascript將數(shù)值轉(zhuǎn)換為金額格式的方法,通俗易懂,需要的朋友可以參考下。

在項目里碰到需要把類似'450000'的數(shù)字轉(zhuǎn)換為會計記賬所用的格式,'450,000.00',分隔千分位和小數(shù)點(diǎn)后不夠兩位數(shù)時自動補(bǔ)齊,已下記錄幾種實(shí)現(xiàn)的方式

ps:如果不考慮后面的小數(shù)點(diǎn),最快捷的方法:

"12345678".replace(/[0-9]+?(?=(?:([0-9]{3}))+$)/g,function(a){return a+','}); //輸出 12 345 678

1.用循環(huán)的方式實(shí)現(xiàn)

function formatNum(str){
 var newStr = "";
 var count = 0;

 if(str.indexOf(".")==-1){
  for(var i=str.length-1;i>=0;i--){
   if(count % 3 == 0 && count != 0){
    newStr = str.charAt(i) + "," + newStr;
   }else{
    newStr = str.charAt(i) + newStr;
   }
   count++;
  }
  str = newStr + ".00"; //自動補(bǔ)小數(shù)點(diǎn)后兩位
  console.log(str)
 }
 else
 {
  for(var i = str.indexOf(".")-1;i>=0;i--){
   if(count % 3 == 0 && count != 0){
    newStr = str.charAt(i) + "," + newStr; //碰到3的倍數(shù)則加上“,”號
   }else{
    newStr = str.charAt(i) + newStr; //逐個字符相接起來
   }
   count++;
  }
  str = newStr + (str + "00").substr((str + "00").indexOf("."),3);
  console.log(str)
 }
}

formatNum('13213.24'); //輸出13,213.34
formatNum('132134.2'); //輸出132,134.20
formatNum('132134'); //輸出132,134.00
formatNum('132134.236'); //輸出132,134.236

2.使用正則(比較不足的是還是得自己去判斷小數(shù)點(diǎn)后面的位數(shù),有更智能的正則請通知我~)

function regexNum(str){
 var regex = /(\d)(?=(\d\d\d)+(?!\d))/g;

 if(str.indexOf(".") == -1){

  str= str.replace(regex,',') + '.00';
  console.log(str)

 }else{
  var newStr = str.split('.');
  var str_2 = newStr[0].replace(regex,',');

  if(newStr[1].length <= 1){ 
   //小數(shù)點(diǎn)后只有一位時
   str_2 = str_2 + '.' + newStr[1] +'0';
   console.log(str_2)

  }else if(newStr[1].length > 1){ 
   //小數(shù)點(diǎn)后兩位以上時
   var decimals = newStr[1].substr(0,2);
   var srt_3 = str_2 + '.' + decimals;
   console.log(srt_3)
  }
 }
};
regexNum('23424224'); //輸出2,42,224.00 
regexNum('23424224.2'); //輸出2,42,224.20
regexNum('23424224.22'); //輸出2,42,224.22
regexNum('23424224.233'); //輸出2,42,224.23 

以上就是本文的全部內(nèi)容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》,也希望大家多多支持腳本之家。

相關(guān)文章

  • 微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法示例

    微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法示例

    這篇文章主要介紹了微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法,較為詳細(xì)的分析了預(yù)覽圖片接口及與拍照或手機(jī)相冊中選圖接口的功能、調(diào)用方法與相關(guān)使用技巧,需要的朋友可以參考下
    2016-10-10
  • 自己封裝的常用javascript函數(shù)分享

    自己封裝的常用javascript函數(shù)分享

    這里給大家推薦一個自己封裝的常用的javascript函數(shù),基本上常見的操作都包含在內(nèi)了,有需要的小伙伴直接拿走使用吧。
    2015-01-01
  • ES6 中可以提升幸福度的小功能

    ES6 中可以提升幸福度的小功能

    這篇文章主要介紹了ES6 中可以提升幸福度的小功能,在量解構(gòu)賦值的用途,函數(shù)的用處等方面給大家介紹,需要的朋友可以參考下
    2018-08-08
  • Javascript玩轉(zhuǎn)繼承(一)

    Javascript玩轉(zhuǎn)繼承(一)

    最近一直在學(xué)Javascript,打算寫一些文章,算做自己的學(xué)習(xí)心得吧,也可以算是學(xué)習(xí)筆記。沒有系統(tǒng)的知識點(diǎn),太基礎(chǔ)的不想寫,主要是寫一些自己覺得有價值的地方
    2014-05-05
  • Lombok實(shí)現(xiàn)方式JSR-269

    Lombok實(shí)現(xiàn)方式JSR-269

    Lombok的出現(xiàn)幫助開發(fā)人員在開發(fā)工程中消除了大部分冗余代碼:繁瑣的get、set方法甚至建造者模式,今天通過本文給大家分享Lombok實(shí)現(xiàn)方式JSR-269的相關(guān)知識,感興趣的朋友一起看看吧
    2021-06-06
  • 在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法

    在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法

    在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實(shí)現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧
    2023-10-10
  • 淺談js函數(shù)中的實(shí)例對象、類對象、局部變量(局部函數(shù))

    淺談js函數(shù)中的實(shí)例對象、類對象、局部變量(局部函數(shù))

    下面小編就為大家?guī)硪黄獪\談js函數(shù)中的實(shí)例對象、類對象、局部變量(局部函數(shù))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • JavaScript中0和

    JavaScript中0和""比較引發(fā)的問題

    這篇文章主要介紹了JavaScript中0和""比較引發(fā)的問題,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-05-05
  • javascript設(shè)計模式 – 單例模式原理與應(yīng)用實(shí)例分析

    javascript設(shè)計模式 – 單例模式原理與應(yīng)用實(shí)例分析

    這篇文章主要介紹了javascript設(shè)計模式 – 單例模式原理與應(yīng)用,結(jié)合實(shí)例形式分析了javascript單例模式原理、定義、應(yīng)用場景及相關(guān)操作注意事項,需要的朋友可以參考下
    2020-04-04
  • 使用JavaScript實(shí)現(xiàn)一個拖拽縮放效果

    使用JavaScript實(shí)現(xiàn)一個拖拽縮放效果

    這篇文章主要介紹了如何使用JS實(shí)現(xiàn)一個這樣的拖拽縮放效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-05-05

最新評論