JavaScript 中如何用前导零填充数字
JavaScript 中用前导零填充数字:
- 将数字转换为字符串。
-
使用
padStart()
方法用前导零填充字符串。 -
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'
我们创建了一个可重复使用的函数,用前导零填充数字。
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
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法