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的二进制单位。
相关推荐
王晓枫9 分钟前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊9 分钟前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter15 分钟前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折29 分钟前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_36 分钟前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
不会敲代码11 小时前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Angelial1 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu1 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu1 小时前
Angular6学习笔记13:HTTP(3)
前端
小码哥_常1 小时前
Kotlin抽象类与接口:相爱相杀的编程“CP”
前端