ES7 引入了一种新的字符串方法 padStart 和 padEnd，能够轻松地填充字符串来满足特定的长度要求。
padStart
padStart 方法能够在字符串的开头添加一些内容来达到特定长度。它的语法如下：
str.padStart(targetLength [, padString])
其中 targetLength 是指你想要最终字符串的长度，而 padString 则是填充的字符串，默认是空格。让我们看一个例子：
const str = 'abc'; console.log(str.padStart(5)); // ' abc' console.log(str.padStart(5, '0')); // '00abc' console.log(str.padStart(4, '0')); // '0abc' console.log(str.padStart(3)); // 'abc'
在第一个例子中，由于 targetLength 为 5，padStart 方法用空格填充 str 的开头，使得最终的字符串长度达到了 5。
在第二个例子中，padString 被设置为 '0'，因此在填充空格之前填充了两个零。最终结果是 '00abc'。
在第三个例子中，由于 targetLength 为 4，因此只需在开头用一个零填充字符串即可，最终结果为 '0abc'。
最后，在第四个例子中，str 的长度本来就为 3，不需要填充。因此返回了原始字符串 "abc"。
需要注意的是，当 padString 的长度超过一时，最终字符串长度可能会超过 targetLength。例如，在填充字符串 'abc' 后，对于 targetLength 为 5 的情况，最终字符串长度为 6。
padEnd
padEnd 方法的工作原理与 padStart 类似，只是在字符串的结尾处添加填充内容，其语法如下：
str.padEnd(targetLength [, padString])
让我们看一些示例：
const str = 'abc'; console.log(str.padEnd(5)); // 'abc ' console.log(str.padEnd(5, '0')); // 'abc00' console.log(str.padEnd(4, '0')); // 'abc' console.log(str.padEnd(3)); // 'abc'
与 padStart 方法一样，padEnd 方法也可以用于填充字符串到指定长度。需要注意的是，当 padString 的长度超过一时，最终字符串长度可能会超过 targetLength。
指导意义
padStart 和 padEnd 方法能够轻松地填充字符串使其满足指定长度的要求，这很有用，特别是在需要制作像表格或其他呈现上下文的应用程序时。 在处理字符串长度方面使用这两个方法能够使代码更加易于理解、维护和扩展。
总结
ES7 引入了 padStart 和 padEnd 两个新的字符串方法，能够轻松填充字符串并使其满足指定长度要求。这两种方法可以大大简化字符串操作。当需要用字符串填充空白或使其达到特定大小时，这两种方法尤其重要。学习它们对于前端开发人员来说非常有益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a53eb748841e98941c0727