js中使用padStart()和padEnd() 补齐指定位数

Posted 2021-07-24 铁锤妹妹@

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

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

str.padStart(targetLength,string)：

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

str.padEnd(targetLength,string)：

参数：
targetLength
当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。
string（可选）
填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的默认值为 " " （空格）

例1：

'abc'.padStart(10);         // "       abc"
'abc'.padStart(10, "foo");  // "foofoofabc"
'abc'.padStart(6,"123465"); // "123abc"
'abc'.padStart(8, "0");     // "00000abc"
'abc'.padStart(1);          // "abc"

例2：创建一个数组，数组包含12个月份，月份格式是：“01”，“02” … “10”，“11”，“12”；

let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
let newArr = [];
for (var i = 1; i < 13; i++) {
   newArr.push((i + '').padStart('2', '0'))
 }
console.log(newArr);  //["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"]

例3：

const fullNumber = '2034399002125581';
const last4Digits = fullNumber.slice(-4);
const maskedNumber = last4Digits.padStart(fullNumber.length, '*');

console.log(maskedNumber);
// expected output: "************5581"

例4：另一个用途是提示字符串格式。

'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

官方文档
padStart()方法,padEnd()方法
JavaScript补齐指定位数