JavaScript 字节单位换算函数【详解】

最新推荐文章于 2025-06-10 09:42:27 发布

置顶

唐小狼

最新推荐文章于 2025-06-10 09:42:27 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 前端工程师学习笔记

本文链接：https://blog.youkuaiyun.com/tangxiaolang101/article/details/89881477

前言：我们在日常开发中，经常会遇到字节单位换算的场景。一般用简单的除法来计算时，都会遇到计算精度的问题。有关 JavaScript 浮点数陷阱的问题，看一参考一下这篇不错的文章。下面，我们着重要将的是一种精确字节单位换算的详解：

1. 先看代码

const byteConvert = function(bytes) {
    if (isNaN(bytes)) {
        return '';
    }
    let symbols = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
    let exp = Math.floor(Math.log(bytes)/Math.log(2));
    if (exp < 1) {
        exp = 0;
    }
    let i = Math.floor(exp / 10);
    bytes = bytes / Math.pow(2, 10 * i);

    if (bytes.toString().length > bytes.toFixed(2).toString().length) {
        bytes = bytes.toFixed(2);
    }
    return bytes + ' ' + symbols[i];
};

// 函数调用
byteConvert(bytes);

这段代码很好用，而且也是网上普遍流传的一种方法，我们下面就详细了解一下，为什么这段代码可以实现这种效果呢？

我们可以看到，这个函数中的核心运算是对数运算和指数运算，JavaScript 中的 Math.log() 函数是对数运算，需要强调的一点是，它是自然对数运算（以 e 为底）。

我们都知道，1024 = 2^10，那么进行对数运算就会变为:

$10 = log_{2}1024$ <