HoRain云--JS数组查找6种方法全解析-开发者社区

🎬 HoRain 云小助手：个人主页

⛺️生活的理想，就是为了理想的生活!

⛳️ 推荐

前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。

⛳️ 推荐

🔎 方法详解与代码示例

1. includes()方法（推荐用于简单检查）

2. indexOf()方法（适用于需要位置信息）

3. some()方法（推荐用于复杂条件或对象数组）

4. find()方法（需获取匹配的元素本身）

5. findIndex()方法（需获取匹配元素的索引）

6. for循环（最基础的控制方法）

💡 实用建议

在JavaScript中，检查数组是否包含特定值是常见操作。不同方法各有特点，下面这个表格汇总了6种常见方法，帮你快速对比选择。

方法	返回值	关键特点	推荐场景
`includes()`	布尔值（`true`/`false`）	语法直观，能正确检测`NaN`	简单值存在性检查
`indexOf()`	索引值（≥0）或`-1`	可获取元素位置，不能检测`NaN`	需知道元素位置时
`some()`	布尔值（`true`/`false`）	支持回调函数，可定义复杂条件	复杂条件判断（如对象数组）
`find()`	第一个匹配的元素或`undefined`	支持回调函数，直接返回元素本身	需获取匹配元素本身时
`findIndex()`	第一个匹配的索引或`-1`	支持回调函数，返回元素索引	需获取符合条件元素的位置
`for`循环	通常为布尔值（可自定义）	最基础，可完全控制迭代过程	需极精细控制或特定迭代逻辑

🔎 方法详解与代码示例

1.`includes()`方法（推荐用于简单检查）

这是最直接的方法，适用于检查基本数据类型（如数字、字符串）。

const fruits = ['apple', 'banana', 'mango', NaN]; console.log(fruits.includes('banana')); // 输出: true console.log(fruits.includes('grape')); // 输出: false console.log(fruits.includes(NaN)); // 输出: true

语法：array.includes(valueToFind[, fromIndex])。fromIndex是可选参数，指定开始查找的位置。
注意：该方法使用“同值零（SameValueZero）”比较算法，能正确判断NaN的存在。

2.`indexOf()`方法（适用于需要位置信息）

如果不仅想知道是否存在，还想知道元素在哪个位置，可以用这个方法。

const fruits = ['apple', 'banana', 'mango']; console.log(fruits.indexOf('banana') !== -1); // 输出: true (表示存在) console.log(fruits.indexOf('banana')); // 输出: 1 (返回索引位置) console.log(fruits.indexOf(NaN)); // 输出: -1 (无法检测NaN)

语法：array.indexOf(searchElement[, fromIndex])。
注意：它使用严格相等（===）进行比较，因此无法识别数组中的NaN。

3.`some()`方法（推荐用于复杂条件或对象数组）

当查找条件更复杂时，比如查找对象数组中某个属性的值，或者需要自定义匹配逻辑，some()方法非常合适。

// 查找对象数组 const users = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Jack' } ]; const hasJane = users.some(user => user.name === 'Jane'); console.log(hasJane); // 输出: true // 查找满足条件的数字 const numbers = [12, 5, 8, 130, 44]; const hasLargeNumber = numbers.some(num => num > 100); console.log(hasLargeNumber); // 输出: true

语法：array.some(callback(element[, index[, array]])[, thisArg])。
特点：一旦找到一个满足条件的元素，就会立即返回true并停止遍历，这在处理大数组时有效率优势。

4.`find()`方法（需获取匹配的元素本身）

find()方法与some()类似，也接受一个回调函数，但不同之处在于它返回的是第一个找到的元素本身，而不仅仅是布尔值。

const users = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Jack' } ]; const foundUser = users.find(user => user.id === 2); console.log(foundUser); // 输出: {id: 2, name: "Jane"} console.log(foundUser !== undefined); // 输出: true (可用于判断存在性)

语法：array.find(callback(element[, index[, array]])[, thisArg])。
注意：如果未找到，则返回undefined。

5.`findIndex()`方法（需获取匹配元素的索引）

findIndex()方法与find()类似，但它返回的是第一个满足条件的元素在数组中的索引位置；如果没有任何元素满足条件，则返回-1。

const users = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Jack' } ]; const index = users.findIndex(user => user.name === 'Jane'); console.log(index); // 输出: 1 console.log(index !== -1); // 输出: true (表示存在)

语法：array.findIndex(callback(element[, index[, array]])[, thisArg])。
特点：对于对象数组或复杂条件的查找，findIndex()比indexOf()更强大。

6.`for`循环（最基础的控制方法）

使用for循环进行遍历是最原始但也最可控的方法，你可以在循环体内实现任何自定义逻辑。

function contains(arr, val) { for (let i = 0; i < arr.length; i++) { if (arr[i] === val) { return true; } } return false; } const numbers = [1, 2, 3]; console.log(contains(numbers, 2)); // 输出: true