实践 ES7 的 Array.prototype.includes()

Array.prototype.includes() 是 ES7 中新增的一个数组方法，它用于判断数组中是否包含某个元素，返回一个布尔值。本文将介绍使用方法和示例，并探讨其在前端开发中的实际应用。

使用方法

Array.prototype.includes() 方法接受两个参数：待查找的元素和起始查找位置（可选）。如果数组中包含该元素，则返回 true，否则返回 false。

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

如果传入了第二个参数，就从该位置开始查找。如果传入的值大于等于数组长度，就没有任何元素可以被查找，该方法直接返回 false。如果参数是负数，则表示从数组末尾开始算起。

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

示例代码

下面是一个使用 Array.prototype.includes() 的示例代码。

// javascriptcn.com 代码示例
const fruits = ["apple", "banana", "orange"];

function findFruit(fruits, target) {
  if (fruits.includes(target)) {
    console.log(`找到了 ${target}`);
  } else {
    console.log(`没有找到 ${target}`);
  }
}

findFruit(fruits, "banana"); // 找到了 banana
findFruit(fruits, "watermelon"); // 没有找到 watermelon

应用场景

在开发中，我们经常需要查找某个元素是否在数组中。使用 Array.prototype.includes() 会比较简单明了，而且语法也十分直接。

另外，由于该方法是 ES7 新增的一个方法，因此在一些低版本浏览器中可能不被支持。如果需要向低版本浏览器兼容，可以使用 polyfill 来实现。

总结

本文介绍了如何使用 ES7 新增的 Array.prototype.includes() 方法来查找数组中的元素，并提供了示例代码和应用场景。在实际开发中，这个方法会使用频繁，因此我们需要熟练掌握它的用法，以提高开发效率。

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