使用 1.5K、1M、1G 等公制前缀格式化 javascript 数字

Format a javascript number with a Metric Prefix like 1.5K, 1M, 1G, etc(使用 1.5K、1M、1G 等公制前缀格式化 javascript 数字)
本文介绍了使用 1.5K、1M、1G 等公制前缀格式化 javascript 数字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我想使用 Metric Prefix 显示数字,其中包含 3 个有效数字,如下所示:

I want to display numbers using a Metric Prefix with 3 significant digits like so:

1 shows as 1
999 shows as 999
1000 shows as 1K
999000 shows as 999K
1000000 shows as 1M
1500000 shows as 1.5M
1000000000 shows as 1G
etc...

我可以编写自己的 javascript 函数来执行此操作,但我想知道是否有一种标准的方式来格式化这样的数字?

I could write my own javascript function to do this but I was wondering if there is a standard way of formatting numbers like this?

推荐答案

您可以将范围放在对象数组中,然后循环遍历它以格式化数字:

You can put the ranges in an array of objects, and just loop through it to format the number:

var ranges = [
  { divider: 1e18 , suffix: 'E' },
  { divider: 1e15 , suffix: 'P' },
  { divider: 1e12 , suffix: 'T' },
  { divider: 1e9 , suffix: 'G' },
  { divider: 1e6 , suffix: 'M' },
  { divider: 1e3 , suffix: 'k' }
];

function formatNumber(n) {
  for (var i = 0; i < ranges.length; i++) {
    if (n >= ranges[i].divider) {
      return (n / ranges[i].divider).toString() + ranges[i].suffix;
    }
  }
  return n.toString();
}

使用示例:

var s = formatNumber(999000);

要处理负数,您可以先在函数中添加:

To also handle negative numbers, you would add this first in the function:

  if (n < 0) {
    return '-' + formatNumber(-n);
  }

这篇关于使用 1.5K、1M、1G 等公制前缀格式化 javascript 数字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会
问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转
Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
Ordinals in words javascript(javascript中的序数)
getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)