首页 > web前端 > js教程 > 如何在 JavaScript 中用前导零填充数字?

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

Susan Sarandon
发布: 2024-12-03 09:41:10
原创
407 人浏览过

How Can I Pad Numbers with Leading Zeros in JavaScript?

在 JavaScript 中用前导零填充数字

原始问题:

可以使用 JavaScript将带有前导零的数字填充到指定的宽度?例如,像 9 这样的数字应该用三个前导零填充为“0009”。

解决方案:

ES2017更新:

  • String.prototype.padStart():此内置方法允许在开头填充指定数量的字符的字符串:

    n = 9;
    String(n).padStart(4, '0'); // '0009'
    登录后复制

旧版做法:

  • 自定义函数:如果没有ES2017功能,可以创建一个自定义函数来填充数字:

    function pad(n, width, z) {
    z = z || '0';
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
    }
    登录后复制
  • 这个函数需要三个参数:要填充的数字(n)、所需的宽度(width)和一个可选的填充字符(z,默认为“0”)。
  • 它将数字转换为字符串,并根据所需的宽度检查其长度。
  • 如果数字短于所需的宽度,该函数创建一个包含所需数量元素的数组,并用填充字符填充。
  • 数组元素被连接成一个字符串并添加到数字之前以实现所需的效果填充。

用法示例:

pad(10, 4);      // 0010
pad(9, 4);       // 0009
pad(123, 4);     // 0123

pad(10, 4, '-'); // --10
登录后复制

以上是如何在 JavaScript 中用前导零填充数字?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板