JavaScript实现获取元素索引的函数

作者:青柠

时间:2026-10-25

浏览:269

本文介绍在JavaScript中通过遍历数组查找指定元素索引值的实现方法。通过for循环逐个比对元素,找到匹配项后返回其下标。同时提供优化版本,预先缓存数组长度以提升性能,适用于需要获取元素在集合中位置的场景。

文章目录

JavaScript获取元素索引的实现

在编写结构、表现与行为完全分离的选项卡组件(包括jQuery版和原生JavaScript版)时,我发现了一个实用问题。近期也有朋友向我咨询此功能,该函数在实际开发中非常有用,因此分享具体的实现方案。


具体代码实现如下:


代码示例:

 
function index(current, obj){
for (var i = 0; i < obj.length; i++) {
if (obj[i] == current) {
return i;
} 
} 
} 

函数原理说明

实现原理如下:


利用for循环遍历整个集合,逐一比对当前集合中的元素与目标元素(current)。当找到相等的元素时,该元素的下标即为所求的索引值。



代码优化方案

对该函数进行性能优化后的版本:


优化后的代码如下:

 
function index(current, obj){
for (var i = 0, length = obj.length; i<length; i++) {
if (obj[i] == current) {
return i;
} 
} 
}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章