JavaScript 实现大数简化,带单位显示

一、场景

        在前端展示的数据时,如果数据数值太大,会导致展示的数据非常长,不仅用户不能迅速读出数值大小而且影响美观,此时我们需要将这种大数简化为带单位的数值,如 250000 转为 25.0万。

二、实现函数

    // 大数简化函数
    function simplifyNumber(num) {
      // 定义单位数组
      const units = ['', '万', '亿', '万亿', '亿亿'];
      // 获取数字的数量级
      let unitIndex = Math.floor((String(num).length - 1) / 4);
      let simplifiedNum = num;
  
      if (unitIndex > 0) {
          const unit = units[unitIndex];
          //获取当前数量级的整数,如 1级 则是 10000,用于下面缩小相应的倍数,来简化数字
          const divisor = Math.pow(10, unitIndex * 4);
          //缩小相应倍数,并保留1为小数,拼接单位恢复大小
          simplifiedNum = (num / divisor).toFixed(1) + unit;
      }
  
      return simplifiedNum;
  }

 

效果实现:如输入 14000 ,输出:1.4万

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值