ECMAScript6补全字符串长度方法padStart()和padEnd()

Posted 2020-10-24 Mazey

一、padStart()

1.定义

padStart()方法用另一个字符串（默认为空格）重复填充到对象字符串到指定长度，填充从对象字符串左侧开始，返回新的字符串。

2.语法

str.padStart(targetLength [, padString])

• targetLength：对象字符串的目标长度。
• padString：填充的字符串，根据实际情况可重复或截断，默认为空格。

3.示例

let str = 'Hello, padStart!';
console.log(str.padStart(20)); //     Hello, padStart!
console.log(str.padStart(20, 'abc')); // abcaHello, padStart!
console.log(str.padStart(20, 'i am padding, i am fat!')); // i amHello, padStart!
console.log(str.padStart(20, '0')); // 0000Hello, padStart!

4.注意

若对象字符串的长度大于或等于targetLength，则返回原来的字符串。

let str = 'Hello, padStart!';
console.log(str.padStart(2, 'i am padding, i am fat!')); // Hello, padStart!

二、padEnd()

1.定义

padStart()方法用另一个字符串（默认为空格）重复填充到对象字符串到指定长度，填充从对象字符串右侧开始，返回新的字符串。

2.语法

str.padEnd(targetLength [, padString])

3.示例

let str = 'Hello, padEnd!';
console.log(str.padEnd(20)); // Hello, padEnd!      <-空格
console.log(str.padEnd(20, 'abc')); // Hello, padEnd!abcabc
console.log(str.padEnd(20, 'i am padding, i am fat!')); // Hello, padEnd!i am p
console.log(str.padEnd(20, '0')); // Hello, padEnd!000000