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

作者:青柠时间:2026-10-25 10:16:09浏览:270

本文介绍在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;
} 
} 
}
作者最新文章