如何填充字符串 js - Javascript

在 Javascript 中，我们经常需要填充字符串。例如，我们想要在字符串的左边或右边添加一些字符，或者在字符串的中间填充一些空格。本文将介绍一些常见的填充字符串的方法。

使用padStart和padEnd方法

从 ES2017 开始，Javascript 提供了两个新方法 padStart 和 padEnd，可以用来填充字符串。这些方法接受两个参数：第一个参数是期望的字符串长度，第二个参数是要用来填充字符串的字符。

以下是使用 padStart 方法向字符串左侧填充字符的示例：

const str = '123';
const padded = str.padStart(5, '0');
console.log(padded); // 输出: '00123'

以上代码将字符串 '123' 填充为长度为 5 的字符串，填充字符为 '0'。

以下是使用 padEnd 方法向字符串右侧填充字符的示例：

const str = '123';
const padded = str.padEnd(5, '0');
console.log(padded); // 输出: '12300'

以上代码将字符串 '123' 填充为长度为 5 的字符串，填充字符为 '0'。

使用repeat方法

如果我们需要在字符串中重复添加相同的字符，可以使用 repeat 方法。这个方法接受一个整数参数，表示重复添加的次数。

以下是使用 repeat 方法向字符串中间填充字符的示例：

const str = '123';
const padded = '0'.repeat(5 - str.length) + str;
console.log(padded); // 输出: '00123'

以上代码首先计算了需要填充的字符数，然后使用 repeat 方法重复添加填充字符，最后将填充字符和原字符串拼接起来。

使用字符串模板

除了上述方法，我们还可以使用字符串模板来填充字符串。字符串模板是一种特殊的字符串，可以嵌入变量和表达式。

以下是使用字符串模板向字符串中间填充字符的示例：

const str = '123';
const padded = `0${'0'.repeat(5 - str.length)}${str}`;
console.log(padded); // 输出: '00123'

以上代码使用字符串模板将填充字符和原字符串拼接起来。

小结

本文介绍了三种常见的填充字符串的方法：使用 padStart 和 padEnd 方法、使用 repeat 方法和使用字符串模板。这些方法各有优缺点，可以根据具体情况选择使用。