ES8里面对string的补充（padStart 和 padEnd）

简介

在我们处理一些数据的时候，经常会出现一些需要对字符串进行补充这样的一个需求。

例如在使用时间的时候，经常需要我们把不足两位数的值，前面补一个0，或者是计算数据的时候，保留到小数点后几位。

那么这样的需求，在ES8以前操作起来会比较的麻烦，就拿第一个需求来说明吧。

这里使用到了一个ES8里面对于string的新的API，就是

padstart

for(let i = 1 ; i<11 ; i++){
    console.log(i,'第一个');
    if(i<10){
        console.log(`0${i}`);
    }else{
        console.log(i);
    }
}
// 1 2 3 4 5 6 7 8 9 10 第一个
// 01 02 03 04 05 06 07 08 09 10

那么在ES8里面是这样对数组进行补充的呢

for(let i = 1 ; i<11 ; i++){
    console.log(i.toString().padStart(2,'0'));
}
// 01 02 03 04 05 06 07 08 09 10

对于padStart来说，它的语法解构第一个参数 targetLength，定义字符串需要保留的长度。

第二个参数 padString定义需要补充进去的参数，这个参数可以传多个值，在字符补充的过程中，它会根据需要补充的个数来选择。

例如

let a = 'a'
console.log(a.padStart(2,('!@#'))); //!a
console.log(a.padStart(3,('!@#'))); //!@a
console.log(a.padStart(4,('!@#'))); //!@#a

是不是相对于以前来说，快捷了非常的多呢

另外有前补，那么就肯定会有后补的这个API，也就是

padEnd

用法上，跟padStart差不多，唯一的一个区别就是，它是往后补充数据的

let a = 'a'
console.log(a.padEnd(2,('!@#'))); //a!
console.log(a.padEnd(3,('!@#'))); //a!@
console.log(a.padEnd(4,('!@#'))); //a!@#

这里我就不再多做补充了。

文章是我学习过程中的一些笔记，我把它给分享出来，如果感觉我的文章对你有些帮助，那就 点个赞把！！！！