在 ES8 中，新增了字符串填充方法 padStart 和 padEnd，它们可以方便地进行字符串长度补全。
padStart 和 padEnd 方法的介绍
padStart 和 padEnd 方法都接受两个参数：第一个参数是新字符串的长度，第二个参数是用于补全的字符串。
其中，padStart 方法会在字符串的开头进行补全，而 padEnd 方法则在字符串的结尾进行补全。
padStart 和 padEnd 方法的使用
下面是 padStart 和 padEnd 方法的基本使用示例。
let str = 'hello'; let paddedStrStart = str.padStart(10, '!'); console.log(paddedStrStart); // "!!!!hello" let paddedStrEnd = str.padEnd(10, '+'); console.log(paddedStrEnd); // "hello+++++"
在上面的示例中，我们分别使用 padStart 和 padEnd 方法来将字符串 "hello" 补全到长度为 10 的新字符串。其中，padStart 方法在开头添加了 4 个感叹号，而 padEnd 方法在结尾添加了 5 个加号。
使用 padStart 和 padEnd 方法进行字符串格式化
除了基本的长度补全外，我们还可以使用 padStart 和 padEnd 方法来进行字符串格式化操作。
对于数字类型的格式化
下面是一个对于数字类型的格式化的示例，我们可以使用 padStart 方法将数字格式化为指定长度的字符串，以便在页面上进行展示或者导出时的格式统一。
function formatMoney(money) {
return money.toFixed(2)
.padStart(10, '$');
}
console.log(formatMoney(12.3)); // "$ 12.30"
console.log(formatMoney(100.1)); // "$ 100.10"
console.log(formatMoney(1000.11)); // "$ 1000.11"在上面的示例中，我们将一个数字进行了格式化，让它前面的 $ 符号是我们指定的长度，而小数点后的两位又是任意数字都带有的。这样，我们就可以方便地进行统一格式的展示、导出等操作。
对于日期类型的格式化
除了数字类型的格式化外，我们还可以使用 padStart 和 padEnd 方法来对日期类型进行格式化。
-- -------------------- ---- ------- -------- ---------------- - --- ---- - ------------------- --- ----- - ---------------- - ------------------------- ----- --- --- - ------------------------------------- ----- ------ -------------------------- - -------------------------- --------- -- ------------
在上面的示例中，我们将一个日期格式化为 "yyyy-mm-dd" 的形式，这样可以方便地进行统一的日期格式处理和展示。
padStart 和 padEnd 方法的指导意义
padStart 和 padEnd 方法的应用非常广泛，可以方便地进行字符串长度的控制和格式化。
在实际项目开发中，我们可以使用它们来进行如下的操作：
- 对于数字、日期等基本类型进行统一的格式化输出；
- 对于表格等数据类型，可以使用 padStart 和 padEnd 方法来控制居中或右对齐等格式；
- 对于一些特殊的格式化需求，如序列号的填充、文件名等特定长度的固定格式等，也可以使用 padStart 和 padEnd 方法来实现。
因此，在日常开发过程中，我们应该熟练掌握 padStart 和 padEnd 方法的使用，以提高我们的开发效率和代码质量。
总结
在 ES8 中，新增了字符串填充方法 padStart 和 padEnd，它们可以方便地进行字符串长度补全和格式化。
我们可以利用这两个方法对数字、日期等基本类型进行统一的格式化输出，对表格等数据类型进行格式化对齐，对一些特殊的格式化需求进行解决。
因此，在实际项目开发中，我们应该熟练掌握 padStart 和 padEnd 方法的使用，以提高我们的开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e0c060f6b2d6eab3bf6bf6