9

我有以字节为单位的数据。我需要在图表上将这些值绘制为人类可读的标签（如 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]
    }
}
4

8 回答 8

28

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

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"

我不相信这一点。

于 2012-05-06T10:15:32.150 回答
17

这就是我使用的。它四舍五入到最接近的单位，因此 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';
}
于 2010-12-22T03:54:15.260 回答
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是一个布尔值 - 更改为最适合您的任何内容。

于 2010-12-21T12:06:49.413 回答
1

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 后缀
  • 没有非标准的后缀
于 2012-09-28T21:29:31.250 回答
1 
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
于 2013-04-03T13:34:23.533 回答
1

我采用了前两个解决方案中我认为最好的解决方案并提出了这个，它比第一个快，比第二个慢。但它的目的是始终恰好有 3 个字符，而不是圆形。限制为 3 个字符的原因是由于它被放入的容器的大小限制。此外，如果您想使用它来格式化非基数 2 数字，您只需将公斤更改为 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;
};
于 2013-11-15T00:59:53.537 回答
0

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

查看我的 JSUtils repo wiki 页面：https ://bitbucket.org/Averin/jsutils/ | https://github.com/AAverin/JSUtils 它有humanReadeableSize方法，使用Amir 的四舍五入方式，还支持通常以2 为底（KiB，MiB）和以10 为底的数字（KB，MB）之间的转换。

它可以向下舍入到最接近的值，但也可以向上舍入以防万一，例如，获取 PB 中有多少 KB。

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

于 2013-02-27T07:23:23.313 回答
0

可以使用 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

于 2014-02-10T14:06:13.940 回答