在 JavaScript 的 ES8 中，引入了两个新的字符串方法，分别是 String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法可以方便地对字符串进行填充，以便使字符串长度满足特定的要求。
String.prototype.padStart()
String.prototype.padStart() 方法可以在当前字符串的开头填充指定的字符，直到字符串达到指定的长度。该方法接受两个参数，第一个参数是填充后字符串的长度，第二个参数是用来填充的字符，该参数可选，默认为空格。如果当前字符串长度已经大于或等于指定的长度，则返回原字符串。
下面是 padStart() 方法的用法示例：
const str = 'abc'; console.log(str.padStart(6, 'x')); // 'xxxxabc' console.log(str.padStart(2, 'x')); // 'abc' console.log(str.padStart(6)); // ' abc'
从上面的示例可以看出，对于长度小于指定值的字符串，会在开头填充指定字符；而对于长度大于或等于指定值的字符串，原字符串将被保留。
String.prototype.padEnd()
String.prototype.padEnd() 方法同样可以对字符串进行填充，但是它是在当前字符串的结尾填充指定的字符，直到字符串达到指定的长度。该方法的用法和参数与 padStart() 方法类似。
下面是 padEnd() 方法的用法示例：
const str = 'abc'; console.log(str.padEnd(6, 'x')); // 'abcxxx' console.log(str.padEnd(2, 'x')); // 'abc' console.log(str.padEnd(6)); // 'abc '
与 padStart() 方法不同的是，padEnd() 方法会在当前字符串的结尾添加指定字符，而不是在开头添加。
深度和学习以及指导意义
JavaScript 中的字符串处理是非常常见的操作，padStart() 方法和 padEnd() 方法可以方便地格式化和对齐字符串。在写 CSS 样式等场景中，对齐字符串非常有用。
在实际开发中，可以使用这两个方法进行格式化字符串，使输出的信息看起来更加清晰。比如，我们可以在控制台输出信息时，使用 padStart() 方法对齐字符串，使输出信息更加整齐。
-- -------------------- ---- ------- ----- ---- - - - -------- ------ ---------- ------ -------- ---------- ----------- --------- -- - -------- ---------- ------ ---------- ---------- ----------- --------- -- - -------- ------- ------ ------- ---------- ----------- --------- - -- ---------------- -- - ---------------------------------------- ----------------------- ----------------- ---
上述代码使用 padEnd() 方法使时间戳和日志级别的长度达到特定的值，以便能更好地显示日志信息。这个例子是在 Node.js 环境中运行，但是你同样可以在浏览器中使用这两个方法。
结论
String.prototype.padStart() 和 String.prototype.padEnd() 方法是 JavaScript 中新增的字符串方法，用来对字符串进行填充操作。这两个方法可以方便地格式化和对齐字符串，在实际开发中有很好的应用场景。使用这两个方法，我们可以快速地实现字符串对齐、格式化输出等操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6734c9cf0bc820c5824b1962