Question

我有以字节为单位的数据。我需要将这些值绘制为图表上的人类可读标签（如2.5KB，14MB等），并需要帮助处理函数（输入数据 - 实际值，输出 - 人类可读字符串）。

我做了这样的功能，但我想要更优雅的实现

function tickFormatter(value, type) {

    var suffix = (type == "bytes") ? ['B', 'KB', 'MB', 'GB'] : ['', 'K', 'M', 'G']

    if(value > (1024 * 1024 * 1024 * 1024)) {
        return (value / (1024 * 1024 * 1024 * 1024)).toFixed(2) + suffix[3]
    } else if(value > (1024 * 1024 * 1024)) {
        return (value / (1024 * 1024 * 1024)).toFixed(2) + suffix[2]
    } else if (value > (1024 * 1024)) {
        return (value / (1024 * 1024)).toFixed(2) + suffix[1]
    } else {
        return value.toFixed(2) + suffix[0]
    }
}

Answer 1

我喜欢这种实现：清晰紧凑：

function readablizeBytes(bytes) {
    var s = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'];
    var e = Math.floor(Math.log(bytes) / Math.log(1024));
    return (bytes / Math.pow(1024, e)).toFixed(2) + " " + s[e];
}

用法：

readablizeBytes(10000000)
"9.54 MB"

我不相信这一点。

Answer 2

这就是我使用的。它向上舍入到最近的单位，因此1000是“0.98KB” 如果您不想这样，那么将第一个Math.round更改为一个楼层。

var SizePrefixes = ' KMGTPEZYXWVU';
function GetHumanSize(size) {
  if(size <= 0) return '0';
  var t2 = Math.min(Math.round(Math.log(size)/Math.log(1024)), 12);
  return (Math.round(size * 100 / Math.pow(1024, t2)) / 100) +
    SizePrefixes.charAt(t2).replace(' ', '') + 'B';
}

Answer 3

也许是这样的？

function readable (nb_bytes) {
    if (nb_bytes < 1024) return nb_bytes + 'B';
    else if (nb_bytes < 1024 * 1024) return (Math.round((nb_bytes / 1024) * 100) / 100) + 'KB';
    else return (Math.round((nb_bytes / 1024 / 1024) * 100) / 100) + 'MB';
}

[编辑]

好吧，既然你想要更优雅的东西，我想你会想到一个循环。也许这将满足您的需求：

function readable (nb_bytes,type) {
    var suffix = type ? ['B','KB','MB','GB'] : ['','K','M','G'];
    var i = 0;
    while (nb_bytes > 1024 && i < suffix.length - 1) {
        ++i;
        nb_bytes = Math.round((nb_bytes / 1024) * 100) / 100;
    }
    return (nb_bytes) + suffix[i];
}

这里我假设type是一个布尔值 - 改变你最适合的。

Answer 4

Amer的修改版本：

(function GetHumanSize(size) {
  var SizePrefixes = ['','K','M','G','T','P','E','Z','Y'];
  if(size <= 0) return '0';
  var t2 = Math.min(Math.round(Math.log(size)/Math.log(1024)),
                    SizePrefixes.length-1);
  return String((Math.round(size * 100 / Math.pow(1024, t2)) / 100)) + 
         ' ' + SizePrefixes[t2] + 'iB';
})(Math.pow(2,131)) === "2251799813685248 YiB"

使用：

IEC后缀
没有非标准后缀

Answer 5

function formatSize(size, standard) {
    if (standard) { 
        standard = standard.toLowerCase();
    }

    var n = 0, 
        base = standard == 'si' ? 1000 : 1024, 
        prefixes = ' KMGTPEZY';

    if (size < 1) {
        return 0;
    }
    else if (size >= base) {
        n = Math.floor( Math.log(size) / Math.log(base) );

        if (n >= prefixes.length) {
            return 'N/A';
        }

        size = ( size / Math.pow(base, n) ).toFixed(2) * 1 + ' ';
    }

    return size + prefixes[n] + ( n && standard == 'iec' ? 'i' : '' ) + 'B';
}

测试：

for (var i = 0; i++ < 10;) console.log( formatSize( Math.pow(10, i) ) );

输出：

10 B
100 B
1000 B
9.77 KB
97.66 KB
976.56 KB
9.54 MB
95.37 MB
953.67 MB
9.31 GB

Answer 6

我采用了我认为最好的前两种解决方案，并提出了这个，它比第一个更快，比第二个慢。但它的目的是总是有3个字符，而不是圆形。 3个字符限制的原因是由于它所放置的容器的大小限制。另外，如果你想用它来格式化非基数2，你需要做的就是将kilo改为1000.如果数量低于1k，它也会短路

var kilo = 1024, suffix = ' KMGTPEZYXWVU', humanReadable = function (number) {
  var retValue = false;
  if (typeof number == "number") {
      if (number < kilo) {
          retValue = number.toString();
      } else {
          var e = Math.floor(Math.log(number) / Math.log(kilo));
          retValue = Number((number / Math.pow(kilo, e)).toString().slice(0, 3)) + suffix.charAt(e) + 'B';
      }
  }
  return retValue;
};

Answer 7

你的回答真的对我很有帮助，所以我决定写一个实用的方法，一劳永逸地解决这个大小格式问题。

查看我的JSUtils repo wiki页面：https://bitbucket.org/AAverin/jsutils/ | https://github.com/AAverin/JSUtils 它具有 humanReadeableSize 方法，该方法使用Amir的舍入大小的方式，但也支持通常的2（KiB，MiB）基数和基数10（KB，MB）之间的转换。

它可以向下舍入到最接近的值，但也可以根据需要进行舍入，例如，获取PB中的KB数。

随意抓住它并在您的项目中使用！

Answer 8

可以使用number_to_human_size（number，options = {}）

number_to_human_size(1234567)

的示例：

number_to_human_size(123)                                          # => 123 Bytes
number_to_human_size(1234)                                         # => 1.21 KB
number_to_human_size(12345)                                        # => 12.1 KB
number_to_human_size(1234567)                                      # => 1.18 MB
number_to_human_size(1234567890)                                   # => 1.15 GB
number_to_human_size(1234567890123)                                # => 1.12 TB
number_to_human_size(1234567, precision: 2)                        # => 1.2 MB
number_to_human_size(483989, precision: 2)                         # => 470 KB
number_to_human_size(1234567, precision: 2, separator: ',')        # => 1,2 MB

，如文档http://api.rubyonrails.org/classes/ActionView/Helpers/NumberHelper.html#method-i-number_to_human_size

人类可读值的实际数字

8 个答案: