JavaScript中获取元素索引的函数


Posted in Javascript onSeptember 10, 2010

 这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法.
代码:

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

原理:
通过一个for循环遍历找出当前集合中与当前元素相等的元素,那么该元素的下标值即是当前元素在元素集合中的索引值.

优化下:

 
function index(current, obj){ 
for (var i = 0, length = obj.length; i<length; i++) { 
if (obj[i] == current) { 
return i; 
} 
} 
}
Javascript 相关文章推荐
JavaScript创建命名空间(namespace)的最简实现
Dec 11 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
Sep 12 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
js 触发select onchange事件代码
Mar 20 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
js 获取json数组里面数组的长度实例
Oct 31 Javascript
vue使用swiper实现左右滑动切换图片
Oct 16 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 #Javascript
一些常用且实用的原生JavaScript函数
Sep 08 #Javascript
js location.replace与location.reload的区别
Sep 08 #Javascript
js中匿名函数的N种写法
Sep 08 #Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 #Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 #Javascript
Javascript的一种模块模式
Sep 08 #Javascript
You might like
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
WordPress中用于更新伪静态规则的PHP代码实例讲解
2015/12/18 PHP
javascript 跳转代码集合
2009/12/03 Javascript
javascript call方法使用说明
2010/01/11 Javascript
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
jquery检测input checked 控件是否被选中的方法
2014/03/26 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
django-filter和普通查询的例子
2019/08/12 Python
Python使用xpath实现图片爬取
2020/09/16 Python
django中cookiecutter的使用教程
2020/12/03 Python
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
如何做好总经理助理
2013/11/12 职场文书
水利公司纪检监察自我鉴定
2014/02/25 职场文书
项目施工员岗位职责
2014/03/09 职场文书
火箭队口号
2014/06/18 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
高三复习计划
2015/01/19 职场文书
转让协议书
2015/01/27 职场文书
校长新学期致辞
2015/07/30 职场文书