快捷導(dǎo)航

javascript實(shí)現(xiàn)將數(shù)字轉(zhuǎn)成千分位的方法小結(jié)【5種方式】

更新時(shí)間：2016年12月11日 12:07:40 作者：wangmeijian

這篇文章主要介紹了javascript實(shí)現(xiàn)將數(shù)字轉(zhuǎn)成千分位的方法,結(jié)合實(shí)例形式分析了5種常用的數(shù)字轉(zhuǎn)換的常用方法,涉及字符串與正則操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)將數(shù)字轉(zhuǎn)成千分位的方法。分享給大家供大家參考，具體如下：

盡管離過(guò)年還有兩個(gè)月之久，春運(yùn)搶票的戰(zhàn)斗已經(jīng)打響了，悲劇的是我還沒(méi)搶到票，看到某瀏覽器上的數(shù)字時(shí)，想到一個(gè)經(jīng)典面試題，沒(méi)錯(cuò)，就是數(shù)字轉(zhuǎn)千分位。如將數(shù)字87463297轉(zhuǎn)成87，463，297，方法有很多種，我這里只想到5種。

1、利用正則的零寬度正預(yù)測(cè)先行斷言(?=exp)，名字有點(diǎn)難記，意思是它斷言自身出現(xiàn)的位置的后面能匹配表達(dá)式exp，對(duì)此概念還不明白的可以戳這里，這里不做過(guò)多解釋。數(shù)字千分位的特點(diǎn)是，第一個(gè)逗號(hào)后面數(shù)字的個(gè)數(shù)是3的倍數(shù)，正則：/(\d{3})+$/；第一個(gè)逗號(hào)前最多可以有1至3個(gè)數(shù)字，正則：/\d{1,3}/。加起來(lái)就是/\d{1,3}(\d{3})+$/，分隔符要從前往后加，就要將前面的數(shù)字“87”替換成“87，”，為什么是87不是874？因?yàn)?74后面只剩下5位數(shù)字，在632后加一個(gè)分隔符后，將只剩下97，不符合千分位要求，所以第一個(gè)分隔符后面的數(shù)字位數(shù)必須是3的倍數(shù)。要匹配數(shù)字87，又要保證87后面數(shù)字位數(shù)是3的倍數(shù)，并且要將匹配的87替換成“87，”，就要用到(?=exp)，這里先定義一個(gè)變量var str = "87463297";

// 零寬斷言
console.info( str.replace(/\d{1,3}(?=(\d{3})+$)/g,function(s){
  return s+','
}) )

2、利用正則的子項(xiàng)來(lái)替換，跟第1種方法類(lèi)似。

// 子項(xiàng)
console.info( str.replace(/(\d{1,3})(?=(\d{3})+$)/g,function($1){
  return $1=$1+','
}) )

3、先將字符串轉(zhuǎn)成數(shù)組，利用reverse反轉(zhuǎn)數(shù)組后每3個(gè)數(shù)字后添加一個(gè)分隔符“,”，到字符串末尾除外，之后轉(zhuǎn)回字符串。

// 利用字符串和數(shù)組方法
console.info( str.split("").reverse().join("").replace(/(\d{3})+?/g,function(s){
  return s+",";
}).replace(/,$/,"").split("").reverse().join("") )

4、利用while循環(huán)拼接字符串每隔3個(gè)數(shù)字加一個(gè)分隔符，首尾不加

// 利用循環(huán)拼接字符串每隔3個(gè)加一個(gè)分隔符
var result="",
  index = 0,
  len = str.length-1;
while(len>=0) {
  index%3===0&&index!==0 ? result+=","+str[len] : result+=str[len];
  len--;
  index++;
};
result=result.split("").reverse().join("");
console.info(result);

5、利用while循環(huán)在數(shù)組里push分隔符，首尾不加

// 利用while循環(huán)在數(shù)組里push分隔符
var result="",
  index = 0,
  len = str.length,
  i = len-1,
  arr = str.split("");
while(len-index>0){
  len>=index&&len-index!==len && arr.splice(len-index,0,",");
  index+=3;
  i-=4;
};
console.log(arr.join(""));

結(jié)語(yǔ)：第1種方法是最簡(jiǎn)潔的，性能也是最好的，推薦使用。順便附上所有例子的demo源碼下載，如果還有其它更好更方便的方法請(qǐng)告訴我，謝謝！

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: