JavaScript实现文件大小转换、单位转换、toFixed、indexOf、substr、substring、B、KB、MB、GB

function bytesToSize(size) {
    if (size < 0.1 * 1024) {
        //小于0.1KB,则转化成B
        size = size.toFixed(2) + "B";
    } else if (size < 0.1 * 1024 * 1024) {
        // 小于0.1MB,则转化成KB
        size = (size / 1024).toFixed(2) + "KB";
    } else if (size < 0.1 * 1024 * 1024 * 1024) {
        // 小于0.1GB,则转化成MB
        size = (size / (1024 * 1024)).toFixed(2) + "MB";
    } else {
        // 其他转化成GB
        size = (size / (1024 * 1024 * 1024)).toFixed(2) + "GB";
    }

    // 转成字符串
    let sizeStr = size + "",
        // 获取小数点处的索引
        index = sizeStr.indexOf("."),
        // 获取小数点后两位的值
        dou = sizeStr.substr(index + 1, 2);

    // 判断后两位是否为00,如果是则删除00
    if (dou == "00") return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2);

    return size;
}

console.log(bytesToSize(15289682517));
// 14.24GB

substr

console.log(str.substr(str.lastIndexOf(".")));
// .png

console.log(str.substr(str.lastIndexOf(".") + 1));
// png

提取字符串的一部分。
从指定位置开始,并返回指定数量的字符。
不会更改原始字符串。
如需从字符串末尾提取字符,请使用负数的起始位置。
substr方法指定的是子串的开始位置和长度,它是substring方法和slice方法的一种有用的替代方法,后两者指定的都是起始字符的位置。
尽管substr没有严格被废弃,但它被认作是遗留的函数并且可以的话应该避免使用。它并非JavaScript核心语言的一部分,未来将可能会被移除掉。如果可以的话,使用substring替代它。


substring

console.log(str.substring(str.lastIndexOf(".")));
// .png

console.log(str.substring(str.lastIndexOf(".") + 1));
// png

substring方法从字符串中提取两个索引位置之间的字符,并返回子字符串。
substring方法从头到尾(不包括)提取字符。
substring方法不会更改原始字符串。
如果start大于end,则交换参数,(4, 1) = (1, 4)
小于0的开始或结束值被视为0


indexOf

MDN

indexOf()方法返回数组中第一次出现给定元素的下标,如果不存在则返回-1

w3school

indexOf()方法返回值在字符串中第一次出现的位置。
如果未找到该值,则indexOf()方法返回-1
indexOf()方法区分大小写。


toFixed

MDN

Number值的toFixed()方法使用定点表示法来格式化该数值。


W3SCHOOL

toFixed()方法将数字转换为字符串。
toFixed()方法将字符串四舍五入为指定的小数位数。
注释:如果小数位数高于数字,则添加零。

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值