JS截取字符串后三位的应用与拓展

JS中的字符串截取是常见的操作，在实际开发中也有很多应用。其中，截取字符串后三位的应用也非常广泛。下面将介绍JS截取字符串后三位的具体应用与拓展。

1. 价格格式化

在电商网站中，商品价格往往需要格式化显示，如将9999.99格式化为9,999.99。此时可以使用JS的截取字符串后三位方法，将小数点后三位截取出来，再进行格式化处理。

function formatPrice(price) {
  var num = parseFloat(price).toFixed(2);
  var lastThree = num.substring(num.length-3);
  var otherNums = num.substring(0,num.length-3);
  if(otherNums != '' && otherNums != '-') {
    otherNums = otherNums.replace(/\d(?=(\d{3})+$)/g, '$&,');
  }
  return otherNums + '.' + lastThree;
}

上述代码中，首先将价格保留两位小数，然后将小数点后三位截取出来，再将小数点前面的数字进行格式化处理，最后将格式化后的数字和小数点后三位拼接起来，即可实现价格格式化。

2. 手机号码隐藏中间四位

在一些需要保护用户隐私的场景中，手机号码往往需要进行部分隐藏。常见的方式是将中间四位隐藏为星号，如将138****1234格式化为138****1234。

function hideMobile(mobile) {
  var reg = /^(\d{3})\d{4}(\d{4})$/;
  return mobile.replace(reg, "$1****$2");
}

上述代码中，首先定义了一个正则表达式，用于匹配手机号码的前三位和后四位。然后使用replace方法，将匹配到的前三位和后四位替换为星号，即可实现手机号码的部分隐藏。

3. 文件大小格式化

在文件上传和下载的场景中，我们通常需要将文件大小进行格式化显示，例如将1024格式化为1KB，将1024000格式化为1MB。这里提供一种优化后的JS函数来实现该需求：

function formatSize(size) {
  var units = ['B', 'KB', 'MB', 'GB', 'TB'];
  var unitIndex = 0;
  while (size >= 1024 && unitIndex < units.length - 1) {
    size /= 1024;
    unitIndex++;
  }
  // 只保留小数点后两位，并且四舍五入
  size = Math.round(size * 100) / 100;
  // 将大小和单位拼接起来，例如：1.23MB
  return size + units[unitIndex];
}

这个优化后的函数使用了一个while循环来判断文件大小是否大于等于1024，并且控制单位数组的索引不超过界限。如果文件大小仍然大于等于1024，则将文件大小除以1024，并且单位索引加1。最后，使用Math.round()对文件大小保留两位小数，并且四舍五入。最终，将文件大小和对应的单位拼接起来，返回格式化后的字符串。

常见问答

1.JS截取字符串后三位的方法有哪些？

常见的JS截取字符串后三位的方法有以下几种：

• 使用substring方法，将字符串的倒数三位截取出来。

• 使用substr方法，从字符串的倒数第四位开始截取三个字符。

• 使用slice方法，从字符串的倒数第三个字符开始截取到字符串的末尾。

2. 如何实现手机号码的部分隐藏？

可以使用正则表达式匹配手机号码的前三位和后四位，然后使用replace方法将匹配到的前三位和后四位替换为星号即可。

3. 如何实现文件大小的格式化显示？

可以根据文件大小进行单位换算，然后将小数点后三位截取出来，进行格式化处理，最后将格式化后的数字和单位拼接起来即可。