JavaScript | padEnd() 方法

padEnd() 方法用于将一个字符串的末尾添加指定数量的字符，使得字符串达到指定的长度。这个方法是ES2017中加入的，并且很容易使用。

语法

string.padEnd(targetLength [, padString])

• targetLength：必须。最终字符串需要达到的长度。
• padString：可选。用来填充字符串的字符。默认为一个空格。

返回值

一个新的字符串，表示源字符串被填充后的新字符串。原始字符串不会被修改。

示例

const str = 'Hello';
console.log(str.padEnd(10)); // 'Hello     '
console.log(str.padEnd(10, '.')); // 'Hello.....'
console.log(str.padEnd(3)); // 'Hello'

在上述示例中，第一个 console.log 将源字符串 'Hello' 尾部填充了6个空格，长度达到了10。第二个 console.log 同样将后面6个空格换成了点号。最后一个 console.log 因为源字符串已经达到了3个字符，所以不需要填充任何字符串。

应用

padEnd() 方法可以用在各种场景中。下面是一些例子：

表格对齐

在某些情况下，我们需要在控制台输出表格，而表格中的各列需要对齐。使用 padEnd() 方法可以帮助我们将表格格式化。

const table = [
  ['name', 'age', 'email'],
  ['Bob', 25, 'bob@example.com'],
  ['Alice', 27, 'alice@example.com'],
  ['Tom', 30, 'tom@example.com']
];

for (let row of table) {
  console.log(row[0].padEnd(10), row[1].toString().padEnd(6), row[2].padEnd(20));
}

生成字符串

如果我们需要根据不同的条件生成一些字符串，可以使用 padEnd() 方法让这些字符串的长度相同。

function generateStr(type, num) {
  const str = type + num;
  return str.padEnd(10, '*');
}

console.log(generateStr('a', 1)); // 'a1********'
console.log(generateStr('b', 23)); // 'b23*******'
console.log(generateStr('c', 456)); // 'c456******'

总结

padEnd() 方法是一个很方便的字符串方法，使用起来非常简单。如果你需要将字符串的长度补全到指定的长度，这个方法可以成为你的得力助手。