ES9 新增的 padStart() 和 padEnd() 字符串函数

ES9 新增的 padStart() 和 padEnd() 字符串函数

在 ES9 之前，填充字符串（padding）通常需要使用各种较为繁琐的处理方法。为了简化这个过程，ES9 引入了两个新的内置函数：padStart() 和 padEnd()，这两个函数可以方便地为字符串的开头和结尾添加空格或其他字符。

padStart() 函数的语法如下：

str.padStart(targetLength [, padString])

padStart() 函数接受两个参数：一个是目标长度，如果当前字符串长度小于目标长度，它会在字符串前面添加空格或其他字符，直到字符串达到目标长度。另一个参数是填充字符串，可选的，默认填充字符串为一个空格。该函数的返回值是已填充的字符串。

下面是一个实际的例子：

let str = '123';
let paddedStr = str.padStart(5, '0');

console.log(paddedStr); // '00123'

在这个例子中，我们想要将字符串 '123' 填充成长度为 5 的字符串，前面添加零字符 0。因此，我们调用 padStart() 函数，并传递 5 和 '0' 两个参数。函数在填充后返回了修改后的字符串 '00123'。

与 padStart() 函数类似，padEnd() 函数也接受两个参数，用于在字符串结尾处添加空格或其他字符。

str.padEnd(targetLength [, padString])

下面是一个将字符串填充为右对齐文本的例子：

let str = 'hello';
let paddedStr = str.padEnd(10, ' ');

console.log(paddedStr); // 'hello     '

在这个例子中，我们将字符串 'hello' 填充成长度为 10 的字符串，并在字符串结尾处添加空格。函数在填充后返回了修改后的字符串 'hello '。

这两个函数能够简化字符串填充的过程，让开发人员专注于程序的实现。在实际开发中，我们可以使用 padStart() 和 padEnd() 函数来格式化输出、对齐文本等。

希望本文能够帮助你更好地理解 padStart() 和 padEnd() 函数的用法，在下一次的开发中更加便捷地处理字符串！

参考实现代码：

let str = 'hello';
let paddedStrStart = str.padStart(10, '0');
let paddedStrEnd = str.padEnd(10, ' ');

console.log(paddedStrStart); // '00000hello'
console.log(paddedStrEnd);   // 'hello     '

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677fbbbdce7f48612513039c