zoukankan      html  css  js  c++  java
  • 5种方式将数字转成千分位

    by:王美建 from:http://www.cnblogs.com/wangmeijian

    原创文章,转载请保留署名及出处

    尽管离过年还有两个月之久,春运抢票的战斗已经打响了,悲剧的是我还没抢到票,看到某浏览器上的数字时,想到一个经典面试题,没错,就是数字转千分位。如将数字87463297转成87,463,297,方法有很多种,我这里只想到5种。

    1、利用正则的零宽度正预测先行断言(?=exp),名字有点难记,意思是断言自身出现的位置的后面能匹配表达式exp,对此概念还不明白的可以戳这里,这里不做过多解释。数字千分位的特点是,第一个逗号后面数字的个数是3的倍数,正则:/(d{3})+$/;第一个逗号前最多可以有1至3个数字,正则:/d{1,3}/。加起来就是/d{1,3}(d{3})+$/,分隔符要从前往后加,就要将前面的数字“87”替换成“87,”,为什么是87不是874?因为874后面只剩下5位数字,在632后加一个分隔符后,将只剩下97,不符合千分位要求,所以第一个分隔符后面的数字位数必须是3的倍数。要匹配数字87,又要保证87后面数字位数是3的倍数,并且要将匹配的87替换成“87,”,就要用到(?=exp),这里先定义一个变量var str = "87463297";

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

    2、利用正则的子项来替换,跟第1种方法类似。

    // 子项
    console.info( str.replace(/(d{1,3})(?=(d{3})+$)/g,function($1){
        return $1=$1+','
    }) )

    3、先将字符串转成数组,利用reverse反转数组后每3个数字后添加一个分隔符“,”,到字符串末尾除外,之后转回字符串。

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

    4、利用while循环拼接字符串每隔3个数字加一个分隔符,首尾不加

    // 利用循环拼接字符串每隔3个加一个分隔符
    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循环在数组里push分隔符,首尾不加

    // 利用while循环在数组里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(""));

    结语:第1种方法是最简洁的,性能也是最好的,推荐使用。希望本文对园友有所帮助,附上所有例子的demo如果还有其它更好更方便的方法请告诉我,谢谢!

    by:王美建 from:http://www.cnblogs.com/wangmeijian 

    原创文章,转载请保留署名及出处

  • 相关阅读:
    MySQL 初识别语句,数据库、表、行的增删改查
    mysql如何从全备文件中恢复单个库或者单个表
    Shell 同步时间脚本
    app手机端连接tomcat电脑端服务器
    大于号转义符>---小于号转义符<
    轻松实现页面提交中
    重复提交问题(一)
    json
    ExtJs 6.0+快速入门,ext-bootstrap.js文件的分析,各版本API下载(一)
    ExtJS 6 如何引入Dashboard模版
  • 原文地址:https://www.cnblogs.com/wangmeijian/p/4163936.html
Copyright © 2011-2022 走看看