ES7 中的 Array.prototype.includes() 方法 -- 超级实用的 JavaScript 新特性

ES7 中的 Array.prototype.includes() 方法 -- 超级实用的 JavaScript 新特性

在 JavaScript 的开发中，数组是非常常见的数据类型。而在 ES7 中，Array.prototype.includes() 方法被引入，它可以方便地判断数组是否包含某个元素。这个方法的使用非常简单，但是它的作用却非常实用。在本文中，我们将会详细介绍这个方法的用法和实现原理，并给出一些示例代码。

1. 方法的用法

Array.prototype.includes() 方法的用法非常简单，它只需要一个参数，即要判断的元素。这个方法会返回一个布尔值，表示数组是否包含该元素。下面是一个使用示例：

const arr = [1, 2, 3];
console.log(arr.includes(2)); // true
console.log(arr.includes(4)); // false

上面的代码中，arr.includes(2) 返回 true，因为数组 arr 包含元素 2；而 arr.includes(4) 返回 false，因为数组 arr 不包含元素 4。

1. 方法的实现原理

Array.prototype.includes() 方法的实现原理非常简单，它会遍历数组，查找是否包含指定的元素。如果找到了该元素，就返回 true；否则返回 false。下面是一个简化版的实现代码：

Array.prototype.includes = function (searchElement) {
  for (let i = 0; i < this.length; i++) {
    if (this[i] === searchElement) {
      return true;
    }
  }
  return false;
};

上面的代码中，我们重写了 Array.prototype.includes() 方法，实现了查找指定元素的功能。这个实现方法非常简单，但是它背后的思想却非常重要。当我们需要自己实现某个方法时，可以参照这个思路，从而更好地理解方法的实现原理。

1. 示例代码

下面是一些示例代码，演示了 Array.prototype.includes() 方法的用法。

// javascriptcn.com 代码示例
// 判断某个元素是否在数组中
const arr = [1, 2, 3];
console.log(arr.includes(2)); // true
console.log(arr.includes(4)); // false

// 判断数组是否为空
const emptyArr = [];
console.log(emptyArr.includes(1)); // false

// 判断数组中是否包含 NaN
const arrWithNaN = [1, 2, NaN, 3];
console.log(arrWithNaN.includes(NaN)); // true

// 判断数组中是否包含 undefined
const arrWithUndefined = [1, 2, undefined, 3];
console.log(arrWithUndefined.includes(undefined)); // true

上面的代码中，我们演示了 Array.prototype.includes() 方法的几种用法。可以看到，这个方法非常实用，可以方便地判断数组中是否包含某个元素。

1. 总结

本文介绍了 ES7 中的 Array.prototype.includes() 方法，它可以方便地判断数组是否包含某个元素。我们通过实现原理和示例代码，详细介绍了这个方法的用法和实现原理。希望本文能够对大家有所帮助，让大家更好地掌握 JavaScript 的开发技巧。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657ac5d3d2f5e1655d53e481