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 相关文章推荐
toString()一个会自动调用的方法
Feb 08 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 Javascript
如何手写一个简易的 Vuex
Oct 10 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
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
laravel中的一些简单实用功能
2018/11/03 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
基于jquery的拖动布局插件
2011/11/25 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
2017/03/30 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
python构造函数init实例方法解析
2020/01/19 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
英国历史最悠久的DJ设备供应商:DJ Finance、DJ Warehouse、The DJ Shop
2019/09/04 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
幼儿教师求职信
2014/05/24 职场文书
致青春观后感
2015/06/09 职场文书
幼儿园园长六一致辞
2015/07/31 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
PHP基本语法
2021/03/31 PHP
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Redis keys命令的具体使用
2022/06/05 Redis