在 ES7 中，引入了 Array.prototype.includes 方法用于判断数组中是否包含指定的元素，并返回布尔值。虽然这个方法看起来很方便，但是实际上，它在处理大数据集时会存在性能问题。在本文中，我们将探讨这个问题，并提供一种解决方案。
问题分析
我们先看一下 Array.prototype.includes 方法的使用方式：
let arr = [1, 2, 3, 4, 5]; arr.includes(3); // true arr.includes(6); // false
在这个例子中，我们使用了 includes 方法来确定数组 arr 是否包含元素 3 和 6。然而，当数组 arr 很大时，includes 方法的性能会变得很差。因为这个方法在查找元素时，需要对数组中的每个元素进行遍历，直到找到匹配的元素或者到达数组末尾。
解决方案
为了解决这个性能问题，我们可以使用另一种方法来确定元素是否包含在数组中：使用 Array.prototype.indexOf 方法。这个方法会返回元素在数组中的索引，如果元素不存在于数组中，则返回 -1。
let arr = [1, 2, 3, 4, 5]; arr.indexOf(3) !== -1; // true arr.indexOf(6) !== -1; // false
使用 indexOf 方法的好处是，它的性能比 includes 方法要好得多。因为 indexOf 方法仅仅需要遍历数组一次，而 includes 方法需要遍历整个数组。
示例代码
让我们通过一个具体的示例来展示这个问题以及如何通过 indexOf 方法来解决它。
-- -------------------- ---- ------- -- ------------------- --- --- - --- --- ---- - - -- - - -------- ---- - ------------ - -- -- -------- ---- --- ------------- - ----------- --------------------- --- ----------- - ----------- --- ------------ - ----------- - -------------- --------------------- ------- -------------- -- ------------- ----- -- -- -- ------- ---- --- ------------ - ----------- ------------------- --- --- --- ---------- - ----------- --- ----------- - ---------- - ------------- -------------------- ------- ------------- -- ------------ ----- -
在这个示例中，我们对包含 1000000 个元素的数组进行了测试，分别使用 includes 方法和 indexOf 方法来判断数组中是否包含指定的元素。结果表明，includes 方法需要 13 毫秒的时间来执行，而 indexOf 方法仅需要 0 毫秒。
总结
在本文中，我们描述了 ES7 中 Array.prototype.includes 方法存在的性能问题，并提供了一种解决方案：使用 Array.prototype.indexOf 方法。这个方法更快，因为它只需要遍历数组一次，而 includes 方法需要遍历整个数组。对于处理大数据集的场景，使用 indexOf 方法可以帮助我们提高代码的执行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa6aad48841e989469246c