Array.indexOf() 查找元素下标
最后更新:2026-09-09
Array.indexOf() 查找元素下标
indexOf 返回元素在数组中首次出现的下标,找不到返回 -1。使用严格相等比较,无法匹配 NaN。
| 分类 | 数组 |
|---|---|
| ES 版本 | ES3(1999) |
📝 语法
数组.indexOf(要查找的值, 起始下标);
⚙️ 参数
| searchValue | 要查找的值,严格相等(===)比较。 |
|---|---|
| fromIndex | 可选。起始查找位置,负数从末尾倒数。 |
返回值:首次出现的下标,或 -1。
是否修改原值:否(返回新值)
▶ 示例
编辑下方代码,点击运行,在输出面板查看结果:
运行结果:
1
-1
找到香蕉,下标:1
找到香蕉,下标:3
⚠️ 警告 indexOf 用 === 比较,找不到 NaN(NaN !== NaN)。需要匹配 NaN 用 includes 或 findIndex。
💡 提示 判断存在性优先用 includes(语义更清晰);indexOf 的价值在于拿到位置。
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| Array.indexOf() | ✓ v1 | ✓ v12 | ✓ v1.5 | ✓ v3 | ✓ v10.5 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关数组方法
💡 相关案例
更多实战案例即将上线,敬请期待。
📚 相关教程
❓ 常见问题
QindexOf 和 lastIndexOf 的区别?
AindexOf 从头到尾找第一个;lastIndexOf 从尾到头找最后一个。
Q为什么对象数组 indexOf 总是 -1?
A对象按引用比较——字面量 {id:1} 与数组里的对象不是同一个引用。用 findIndex 回调按属性查找。
QindexOf 是严格相等吗?
A是,使用 ===(不做类型转换)。indexOf("1") 不会匹配数字 1。