ES6字符串新增的padStart()方法和padEnd()方法


ES6新增的padStart()方法和padEnd()方法

  • padStart() 用于头部补全;

  • padEnd() 用于尾部补全。

  • 'abc'.padStart(13, '0123456789') // 0123456789abc
    'abc'.padEnd(13, '0123456789') // abc0123456789
    
        let strS = String(s).padStart(2, '0')
        let strM = String(m).padStart(2, '0')
    
     不足补0
    'abc'.padStart(10);         // "       abc"
    'abc'.padStart(10, "foo");  // "foofoofabc"
    'abc'.padStart(6,"123465"); // "123abc"
    'abc'.padStart(8, "0");     // "00000abc"
    'abc'.padStart(1);          // "abc"

    js方法padStart()使用示例

     

    前端开发中,会遇到字符串填充的问题,padStart()和padEnd()可能会有帮助:

    str.padStart(targetLength,string):

    使用指定字符串填充到目标字符串前面,使其达到目标长度;

    str.padEnd(targetLength,string):

    使用指定字符串填充到目标字符串后面,使其达到目标长度;

    举例:创建一个数组,数组包含12个月份,月份格式是:“01”,“02” ... “10”,“11”,“12”;

    代码:

            let monList = [];
            for (var i = 1; i < 13; i++) {
                monList.push((i + "").padStart("2", "0"))
            }
            console.log(monList);
    输出:

     

     


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM