当前位置：首页 > JavaScript

js includes实现原理

2026-03-15 19:37:53JavaScript

JavaScript `includes` 方法实现原理

JavaScript 的 includes 方法是用于判断数组或字符串是否包含特定元素的常用方法。以下是其实现原理的详细分析。

数组的 `includes` 方法

数组的 includes 方法用于检查数组中是否包含某个值，返回布尔值。其基本实现原理如下：

js includes实现原理

遍历数组元素：从数组的第一个元素开始，依次检查每个元素是否与目标值匹配。
严格相等比较：使用严格相等（===）进行比较，不会进行类型转换。
支持起始位置参数：可以指定从某个索引开始搜索。

示例代码实现：

Array.prototype.customIncludes = function(searchElement, fromIndex = 0) {
  const length = this.length;
  fromIndex = fromIndex >= 0 ? fromIndex : Math.max(0, length + fromIndex);

  for (let i = fromIndex; i < length; i++) {
    if (this[i] === searchElement) {
      return true;
    }
  }
  return false;
};

字符串的 `includes` 方法

字符串的 includes 方法用于检查字符串中是否包含某个子字符串，返回布尔值。其实现原理如下：

js includes实现原理

子字符串匹配：检查目标字符串中是否存在指定的子字符串。
支持起始位置参数：可以指定从某个索引开始搜索。
大小写敏感：默认区分大小写。

示例代码实现：

String.prototype.customIncludes = function(searchString, position = 0) {
  const str = this;
  const searchLength = searchString.length;
  const strLength = str.length;
  position = position >= 0 ? position : Math.max(0, strLength + position);

  if (position + searchLength > strLength) {
    return false;
  }

  for (let i = position; i <= strLength - searchLength; i++) {
    let match = true;
    for (let j = 0; j < searchLength; j++) {
      if (str[i + j] !== searchString[j]) {
        match = false;
        break;
      }
    }
    if (match) {
      return true;
    }
  }
  return false;
};