前言
在前端开发中，我们经常需要对数组进行检索和搜索操作。ES6 的 Array.includes 方法已经很好地解决了这一问题，但在某些业务场景下，我们依然需要使用 indexOf 方法。本文将详细介绍 ES2021 中的 Array.indexOf 方法的用法及优化技巧。
语法
arr.indexOf(searchElement [, fromIndex])
- searchElement：要查找的元素。
- fromIndex：从哪个索引开始查找（可选）。如果省略了 fromIndex，则从数组的第一个元素（索引为 0）开始查找。如果 fromIndex 大于或等于数组的长度，则返回 -1，表示未找到该元素。
返回值
- 找到指定元素时，返回其在数组中的索引。
- 未找到指定元素时，返回 -1。
实例
-- -------------------- ---- ------- ----- --- - --- -- -- --- ----- ------ - --------------- -------------------- -- - ----- ------ - --------------- -------------------- -- -- ----- ------ - -------------- --- -------------------- -- - ----- ------ - -------------- ---- -------------------- -- --
性能优化
在使用 indexOf 方法时，需要注意性能问题。
优化方案一：缩小搜索范围
对于一个已经排好序的数组来说，我们可以通过设置 fromIndex 参数，从之前的搜索结果的下一个元素开始搜索。这样可以缩小搜索范围，提高搜索效率。
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const index = arr.indexOf(5, 4); console.log(index); // 4
优化方案二：使用 Set 数据结构
将数组转化为 Set 数据结构后使用 has 方法进行判断，该方案的时间复杂度为 O(1)，性能较高。
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const set = new Set(arr); const bool = set.has(5); console.log(bool); // true
总结
ECMAScript 2021 的 Array.indexOf 方法是一个非常实用的数组检索方法。在实际开发中，我们需要根据具体的业务场景灵活应用，同时注意性能优化。通过本文的介绍，相信大家已经掌握了 indexOf 方法的基本用法，同时也了解了一些优化技巧，希望对大家的工作和学习有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646f0d5d968c7c53b0d70143