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的二进制单位。
相关推荐
A_nanda30 分钟前
根据AI提示排查vue前端项目
前端·javascript·vue.js
happymaker06261 小时前
web前端学习日记——DAY05(定位、浮动、视频音频播放)
前端·学习·音视频
~无忧花开~1 小时前
React状态管理完全指南
开发语言·前端·javascript·react.js·前端框架
LegendNoTitle1 小时前
计算机三级等级考试 网络技术 选择题考点详细梳理
服务器·前端·经验分享·笔记·php
@大迁世界2 小时前
1.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript
BJ-Giser2 小时前
Cesium 基于EZ-Tree的植被效果
前端·可视化·cesium
王码码20353 小时前
Flutter for OpenHarmony:Flutter 三方库 algoliasearch 毫秒级云端搜索体验(云原生搜索引擎)
android·前端·git·flutter·搜索引擎·云原生·harmonyos
发现一只大呆瓜3 小时前
深入浅出 AST:解密 Vite、Babel编译的底层“黑盒”
前端·面试·vite
天天鸭4 小时前
前端仔写了个 AI Agent,才发现大模型只干了 10% 的活
前端·python·ai编程
发现一只大呆瓜4 小时前
前端模块化:CommonJS、AMD、ES Module三大规范全解析
前端·面试·vite