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的二进制单位。
相关推荐
UrbanJazzerati4 分钟前
前端入门:vh、padding、margin、outline、pointer-events
前端·面试
wordbaby14 分钟前
一行看懂高阶函数:用 handleConfirm 拿下 DatePicker 回调
前端·react.js
XiaoMu_00115 分钟前
基于Node.js和Three.js的3D模型网页预览器
javascript·3d·node.js
卿·静20 分钟前
Node.js对接即梦AI实现“千军万马”视频
前端·javascript·人工智能·后端·node.js
Mintopia34 分钟前
🚀 Next.js 全栈 Web Vitals 监测与 Lighthouse 分析
前端·javascript·全栈
ITKEY_36 分钟前
flutter日期选择国际化支持
开发语言·javascript·flutter
Mintopia36 分钟前
🤖 AIGC + CMS:内容管理系统智能化的核心技术支撑
前端·javascript·aigc
HelloGitHub39 分钟前
这款开源调研系统越来越“懂事”了
前端·开源·github
whysqwhw42 分钟前
hippy的主要原理
前端
子兮曰1 小时前
🚀95%的前端开发者都踩过坑:JavaScript循环全解析,从基础到高阶异步迭代
前端·javascript·性能优化