ES6新字符串方法模拟实现 | 重学 ES6

前端

2023-10-06 01:34:52

ES6 字符串方法：重新审视及其模拟实现

简介

在 ES6 中，JavaScript 的字符串对象得到了增强，引入了许多有用的新方法，使字符串处理变得更加轻松高效。本文将深入探讨这些新方法，并通过模拟实现的方式来加深我们的理解。

ES6 新增的字符串方法

1. length

ES6 新增了 length 属性，它返回字符串的长度。与之前的版本相比，它具有以下优点：

可修改性：length 属性现在可以修改，便于我们轻松截取或扩展字符串。
数字类型：length 属性现在是一个数字，而不是字符串，方便在算术运算中使用。

2. includes()

includes() 方法检查字符串中是否包含指定的子字符串。它的特点包括：

区分大小写：includes() 方法区分大小写，适用于需要考虑大小写的场景。
可选参数：它接受一个可选的第二个参数，指定搜索的起始位置。

3. startsWith()

startsWith() 方法检查字符串是否以指定的子字符串开头。它的特性与 includes() 方法类似，也区分大小写并具有可选的起始位置参数。

4. endsWith()

endsWith() 方法检查字符串是否以指定的子字符串结尾。它也区分大小写并具有可选的起始位置参数。

5. repeat()

repeat() 方法返回一个由指定次数重复的字符串。它的特点包括：

重复次数：它接受一个整数参数，指定重复的次数。
空字符串：如果重复次数为 0，则返回一个空字符串。

模拟实现

为了加深对这些新方法的理解，我们可以尝试模拟它们的实现：

模拟实现 length 属性

String.prototype.getLength = function() {
  return this.length;
};

模拟实现 includes() 方法

String.prototype.includes = function(substring, startIndex) {
  if (startIndex === undefined) {
    startIndex = 0;
  }

  for (let i = startIndex; i < this.length; i++) {
    if (this.substring(i, i + substring.length) === substring) {
      return true;
    }
  }

  return false;
};

模拟实现 startsWith() 方法

String.prototype.startsWith = function(substring, startIndex) {
  if (startIndex === undefined) {
    startIndex = 0;
  }

  return this.substring(startIndex, startIndex + substring.length) === substring;
};

模拟实现 endsWith() 方法

String.prototype.endsWith = function(substring, endIndex) {
  if (endIndex === undefined) {
    endIndex = this.length;
  }

  return this.substring(endIndex - substring.length, endIndex) === substring;
};

模拟实现 repeat() 方法

String.prototype.repeat = function(count) {
  let result = "";

  for (let i = 0; i < count; i++) {
    result += this;
  }

  return result;
};

使用示例

让我们用一些示例来说明这些方法的用法：

const str = "Hello World!";

console.log(str.getLength()); // 12
console.log(str.includes("World")); // true
console.log(str.startsWith("Hello")); // true
console.log(str.endsWith("!")); // true
console.log(str.repeat(3)); // "Hello World!Hello World!Hello World!"