迹忆客 专注技术分享

使用 repeat() 方法向字符串添加多个空格，例如 str + ' '.repeat(3)。 空格重复指定的次数并添加到字符串中。

const str = 'baz';

// ✅ add spaces to end
const padEnd = str + ' '.repeat(3);
console.log(padEnd); // 👉️ "baz   "

// ✅ add spaces to start
const padStart = ' '.repeat(3) + str;
console.log(padStart); // 👉️ "   baz"

// ✅ add spaces to middle
const index = str.indexOf('a');
const padMiddle = str.slice(0, index) + ' '.repeat(3) + str.slice(index);
console.log(padMiddle); // 👉️ "b   az"

String.repeat 方法采用的唯一参数是字符串应重复的次数。

这是一个重复空格 3 次的示例。

console.log('a'.repeat(3)); // 👉️ "aaa"
console.log(' '.repeat(3)); // 👉️ "   "

我们可以使用加法 + 运算符将特定数量的空格添加到字符串中。

第一个和第二个示例显示如何将空格追加和添加到字符串中。

const str = 'baz';

// ✅ add spaces to end
const padEnd = str + ' '.repeat(3);
console.log(padEnd); // 👉️ "baz   "

// ✅ add spaces to start
const padStart = ' '.repeat(3) + str;
console.log(padStart); // 👉️ "   baz"

第三个示例使用 String.slice 方法在特定索引处插入空格。

const str = 'baz';

const index = str.indexOf('a');
const padMiddle = str.slice(0, index) + ' '.repeat(3) + str.slice(index);
console.log(padMiddle); // 👉️ "b   az"

我们传递给 slice() 方法的两个参数是：

• start 索引 - 要包含在新字符串中的第一个字符的索引
• stop 索引 - 上升到但不包括该索引

在对 slice 方法的第一次调用中，我们从索引 0 获取子字符串，直到但不包括字符串中 a 字符第一次出现的索引。

我们在结果中添加了 3 个空格，并将另一个调用链接到 slice() 方法。

我们传递给第二个切片调用的唯一参数是起始索引。 如果我们只向 slice 方法提供 1 个参数，它将转到字符串的末尾。

另一种方法是使用 String.padEnd 和 String.padStart 方法。

使用 padEnd() 和 padStart() 方法在字符串的结尾或开头添加空格，例如 str.padEnd(6, ' '); 。 这些方法采用新字符串和填充字符串的最大长度，并返回填充后的字符串。

const str = 'baz';

const padEnd = str.padEnd(6, ' ');
console.log(padEnd); // 👉️ "baz   "

const padStart = str.padStart(6, ' ');
console.log(padStart); // 👉️ "   baz"

使用 padEnd 和 padStart 方法有点棘手，因为第一个参数是新字符串应具有的最大长度。

如果我们有一个包含 3 个字符的字符串并指定最大长度为 6，则它只会用 3 个额外字符填充。

选择哪种方法是个人喜好的问题。 我会使用 repeat() 方法，因为我发现它更具可读性和直观性。