使用reduce方法实现数字千分化处理

桃扇骨 2022-09-17 02:00 104阅读 0赞

##### 方法一 #####

使用正则表达式：

function formateNumbers(number, mark) { 
      let separator = mark || '.'
      // 将数字根据小数点分割成数组
      let arrNumber = number && number.toString().split('.')
      if( arrNumber && arrNumber.length ) { 
        // 为小数点前面的数字，添加分隔符
        arrNumber[0] = arrNumber[0].replace(/\B(?=(\d{3})+(?!\d))/g, separator)
        arrNumber[1] = arrNumber[1].replace(/\B(?=(\d{3})+(?!\d))/g, separator)
      }
      // 将数组处理为字符串返回
      return arrNumber && arrNumber.join('.')
    }

##### 方法二 #####

使用数组的`reduce`方法

function thousandNum(num = 0) { 
      const arr = num.toString().split('.')
      const intNum = arr[0]
      const floatNum = arr[1]
      // 处理整数部分
      const getInt = function(nums) { 
        return nums.split('').reverse().reduceRight((prev, curr, index) => { 
          return prev + (index % 3 ? curr : `${ curr},`)
        }, '').replace(/^,|,$/g, '')
      }
      // 处理小数部分
      const getFloat = function(nums) { 
        return nums.split('').reduce((prev, curr, index) => { 
          return prev + ((index + 1) % 3 ? curr : `${ curr},`)
        }, '').replace(/^,|,$/g, '')
      }
    
      return arr.length > 1 ? `${ getInt(intNum)}.${ getFloat(floatNum)}` : `${ getInt(intNum)}`
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，104人围观）

还没有评论，来说两句吧...

相关阅读

相关使用reduce实现map()

一、了解map()和reduce() [https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/G

朱雀/ 2023年02月21日 12:58/ 0 赞/ 150 阅读

相关数组中reduce的使用方法

1.出现元素的次数: <!DOCTYPE html> <html> <head> <title></title> </head

向右看齐/ 2022年11月30日 04:12/ 0 赞/ 202 阅读

相关 js数字千位分割的常用方法

文章目录方法一：遍历每3位添加 " , " 方法二：toLocaleString 方法三：正则匹配和replace 把普

系统管理员/ 2022年10月14日 00:40/ 0 赞/ 229 阅读

相关使用reduce方法实现数字千分化处理

方法一使用正则表达式： function formateNumbers(number, mark) { let separator = mark

桃扇骨/ 2022年09月17日 02:00/ 0 赞/ 105 阅读

相关 JavaScript 实现 reduce() 方法函数

更新：增加递归实现的方法更新：重构非递归实现的方法 -------------------- 思路与之前两篇文章( [map()的实现][map] ，[fil

「爱情、让人受尽委屈。」/ 2022年05月24日 22:12/ 0 赞/ 196 阅读

相关数字实现千位分割

源网站：[https://wenda.so.com/q/1461341937726162][https_wenda.so.com_q_1461341937726162] js

古城微笑少年丶/ 2022年04月16日 03:20/ 0 赞/ 302 阅读

相关实现基类来实现任务分化

现象：实现基类来实现任务分化方法： 1：创建抽象基类定义抽象方法 getMessage为一个类有多个方法需要选择执行一个的时候来进行划分，这里没有使用 ![

女爷i/ 2022年03月15日 09:00/ 0 赞/ 168 阅读

相关从数字千分位处理认识(?<=)、(?=)、(?:)

以下是网友的数字千分位处理写的正则表达式： [https://blog.csdn.net/wxy\_summer/article/details/52880993][http

秒速五厘米/ 2021年12月10日 14:31/ 0 赞/ 296 阅读

相关 JavaScript reduce() 方法

定义和用法 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 c

待我称王封你为后i/ 2021年09月19日 09:22/ 0 赞/ 317 阅读

相关 Java 数字千位分隔符

package com.zing; import java.math.BigDecimal; import java.text.Decimal

深藏阁楼爱情的钟/ 2021年06月24日 15:58/ 0 赞/ 622 阅读