ES7 中的 String.prototype.padStart() 和 String.prototype.padEnd()

ES7 引入了两个新方法：String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法可以在字符串两侧填充一定数量的字符以达到指定长度。

String.prototype.padStart()

String.prototype.padStart() 方法可以在字符串的开头插入一定数量的字符。它接受两个参数：一个是要插入的字符的数量（必须是正整数），另一个是要插入的字符。如果没有提供第二个参数，则默认使用空格。

示例：

const str = 'hello';
const paddedStr = str.padStart(10, '🚀');
console.log(paddedStr);
// Output: '🚀🚀🚀🚀🚀hello'

上述示例中，我们将字符 🚀 插入到字符串 hello 的开头，以使整个字符串的长度为 10。

String.prototype.padEnd()

String.prototype.padEnd() 方法可以在字符串的结尾插入一定数量的字符。它接受两个参数：一个是要插入的字符的数量（必须是正整数），另一个是要插入的字符。如果没有提供第二个参数，则默认使用空格。

示例：

const str = 'world';
const paddedStr = str.padEnd(10, '🌎');
console.log(paddedStr);
// Output: 'world🌎🌎🌎🌎🌎'

上述示例中，我们将字符 🌎 插入到字符串 world 的结尾，以使整个字符串的长度为 10。

应用场景

这两个方法在某些场景下非常有用，比如在打印日志时需要填充一定数量的空格以使输出排版更加美观。

const logLevels = ['debug', 'info', 'warn', 'error'];
for (let level of logLevels) {
  console.log(level.padEnd(10), 'message...');
}

输出结果：

debug     message...
info      message...
warn      message...
error     message...

总结

String.prototype.padStart() 和 String.prototype.padEnd() 方法可以方便地向字符串的开头或结尾插入指定数量的字符，以达到指定的长度。这两个方法在一些场景下非常有用，如日志排版等。如果您还没有使用过这些方法，那么您一定应该试试。

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