knowLedge-工具函数返回kb数值转换为KB,MB,GB等单位保留两位小数

1.场景

实现一个工具函数,将后端返回的单位为KB(但实际上是kb,即千字节,注意大小写通常表示不同,这里我们按照常见需求处理为KB)的数字转换成KB、MB、GB等形式,你可以按照以下步骤进行。这个函数会检查数字的大小,并相应地转换单位。

注意:通常1KB = 1024B(字节),1MB = 1024KB,1GB = 1024MB,依此类推。

2.实现

javascript 复制代码
function fromSize(numberSize){

//对应单位
let utils=['KB','MB','GB','TB'];

记录单位值
let utilIndex=0;

while(numberSize>=1024 && utilIndex<utils.length - 1)
{
    //计算值
    numberSize/=1024;
    utilIndex++;
}


//保留两位小数
numberSize=numberSize.toFixed(2);

//转换为字符串 后续追加对应的单位
return `${numberSize} ${utils[utilIndex]}`; 

}


// 示例  
console.log(formatSize(1024));  // "1.00 MB"  
console.log(formatSize(1048576)); // "1.00 GB"  
console.log(formatSize(5242880)); // "5.00 GB"  
console.log(formatSize(1073741824)); // "1.00 GB"(注意:这里原数应为1GB但为了演示单位转换,输入了稍大的值)

注意

  1. 在这个实现中,我使用了toFixed(2)来保持结果的小数点后两位,这在很多场合下是足够的,但你可以根据需求调整这个值。
  2. 注意到示例中的最后一个调用formatSize(1073741824)实际上应该输出接近1.00 GB(如果输入的是准确的1GB数据的话),但由于输入的是1073741824KB,这实际上是1024MB,即大约1GB。然而,由于浮点数运算的精度问题,有时结果可能略有偏差,尤其是在极端大或小的数值上。
  3. 考虑到你的需求是"后端返回一个数字,单位是kb",但这里我们按照常见的KB(千字节)来处理。如果后端确实返回的是kb(即小写的k,代表1000字节,而非1024字节),那么你可能需要对这个逻辑做一些调整,尤其是在处理非二进制单位时。不过,在现代计算机系统中,KB、MB等通常指的是基于1024的二进制单位。
相关推荐
LeeAt3 分钟前
真的!真的就一句话就能明白this指向问题
前端·javascript
阳火锅4 分钟前
都2025年了,来看看前端如何给刘亦菲加个水印吧!
前端·vue.js·面试
hahala233321 分钟前
ESLint 提交前校验技术方案
前端
夕水43 分钟前
ew-vue-component:Vue 3 动态组件渲染解决方案的使用介绍
前端·vue.js
Winwin1 小时前
js基础-数据类型
javascript
Winwin1 小时前
哈?Boolean能作为回调函数?
javascript
我麻烦大了1 小时前
实现一个简单的Vue响应式
前端·vue.js
Shartin1 小时前
CPT208-Human-Centric Computing: Prototype Design Optimization原型设计优化
开发语言·javascript·原型模式
独立开阀者_FwtCoder1 小时前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
dme.1 小时前
Javascript之DOM操作
开发语言·javascript·爬虫·python·ecmascript