迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

JavaScript 中如何用前导零填充数字

作者:迹忆客 最近更新:2022/12/21 浏览次数:

JavaScript 中用前导零填充数字:

  1. 将数字转换为字符串。
  2. 使用 padStart() 方法用前导零填充字符串。
  3. padstart() 方法会将前导零添加到字符串的开头,直到它达到指定的目标长度。
function padWithZero(num, targetLength) {
  return String(num).padStart(targetLength, '0');
}

const num = 5;

// 👇️ pad with 2 leading zeros
console.log(padWithZero(num, String(num).length + 2)); // 👉️ '005'

// 👇️ pad with 3 leading zeros
console.log(padWithZero(num, String(num).length + 3)); // 👉️ '0005'

// 👇️ pad with 4 leading zeros
console.log(padWithZero(num, String(num).length + 4)); // 👉️ '00005'

JavaScript 中用前导零填充数字

我们创建了一个可重复使用的函数,用前导零填充数字。

padStart 方法必须在字符串上使用,因此第一步是将数字转换为字符串。

我们将以下 2 个参数传递给 padStart 方法:

  • target length - padStart 方法在填充后应返回的字符串的长度。
  • pad string - 我们想要填充现有字符串的字符串。

如果我们有一个长度为 2 的字符串并将 targetLength 指定为 4,则将向该字符串添加 2 个前导零。

console.log(String(22).padStart(4, '0')); // 👉️ '0022'

请注意padStart 方法返回一个字符串。 如果您要将结果转换回数字,则前导零将被删除。

function padWithZero(num, targetLength) {
  return String(num).padStart(targetLength, '0')
}

console.log(Number(padWithZero(5, 10))); // 👉️ 5

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便