ES6 repeat() 方法详解

2023-11-18 21:59:17

ES6 repeat() 方法简介

ES6 repeat() 方法是字符串操作方法之一，用于重复字符串指定次数。它的基本语法如下：

string.repeat(count);

其中：

string：待重复的字符串。
count：重复的次数。必须是整数，且必须大于或等于 0。如果 count 小于 0，则会抛出 RangeError 错误。

ES6 repeat() 方法返回一个新的字符串，该字符串由原字符串重复 count 次组成。例如：

const str = "Hello";
console.log(str.repeat(3)); // 输出： "HelloHelloHello"

ES6 repeat() 方法的应用

字符串连接

ES6 repeat() 方法可以用于连接字符串。这是一种比使用 + 操作符更简洁的方式。例如：

const str1 = "Hello";
const str2 = "World";
console.log(str1 + " " + str2); // 输出： "Hello World"
console.log(str1.repeat(2) + str2); // 输出： "HelloHelloWorld"

字符串填充

ES6 repeat() 方法还可用于填充字符串。这在某些情况下非常有用，例如当我们想要将字符串居中或右对齐时。例如：

const str = "Hello";
console.log(str.padStart(10, " ")); // 输出： "     Hello"
console.log(str.padEnd(10, " ")); // 输出： "Hello     "

ES6 repeat() 方法的局限性

ES6 repeat() 方法有一些局限性：

它不能将字符串重复为小数次。例如，str.repeat(0.5) 会抛出 RangeError 错误。
它不能将字符串重复为负数次。例如，str.repeat(-1) 也同样会抛出 RangeError 错误。
它不能将字符串重复为无限次。例如，str.repeat(Infinity) 也会抛出 RangeError 错误。

ES5 中实现 repeat() 方法的替代方案

在 ES5 中，并没有原生的 repeat() 方法。不过，我们可以使用一些其他方法来实现类似的功能。最简单的方法是使用 for 循环：

function repeat(string, count) {
  let result = "";
  for (let i = 0; i < count; i++) {
    result += string;
  }
  return result;
}

const str = "Hello";
console.log(repeat(str, 3)); // 输出： "HelloHelloHello"

另一种方法是使用 Array.prototype.join() 方法：

function repeat(string, count) {
  return new Array(count + 1).join(string);
}

const str = "Hello";
console.log(repeat(str, 3)); // 输出： "HelloHelloHello"