js实现千分符分割

千分符在前端涉及到金额的页面都会用到,今天就写了一个方法,以备后用,实现的方法很多,对正则熟悉的同学可以使用正则,也可以使用for循环,在这里我使用的是reduce()实现的。

let num = 123456789.012
 function format(num) {
        let intPart = '' //整数部分
        let pointPart = '' //小数点部分
        let str = num + '' //数字转换城字符串
        let point = str.indexOf('.') //判断是否有小数点
        if(point === -1) {     // 没有小数点
            intPart = str
        }else {       //有小数点
            intPart = str.slice(0,point) + ''  
            pointPart = str.slice(point + 1) + ''
        }
        intPart = intPart.split('').reverse().reduce(function(prev, next, index) {
            return ((index % 3) ? next : (next + ',')) + prev; //index是从1开始
         })
         return intPart + '.' + pointPart //拼接整数和小数点部分
    }
console.log(format(num))   //123,456,789.012
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,372评论 0 3
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,119评论 0 1
  • 本章内容 使用对象 创建并操作数组 理解基本的 JavaScript 类型 使用基本类型和基本包装类型 引用类型的...
    闷油瓶小张阅读 706评论 0 0
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,223评论 0 21