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来定义类的规范小结
Nov 19 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
javascript实现下雨效果
Mar 27 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
layui多iframe页面控制定时器运行的方法
Sep 05 Javascript
javascript实现鼠标点击生成文字特效
Dec 24 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
JS实现分页导航效果
Feb 19 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
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 生成文字png图片的代码
2011/04/17 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
PHP判断表达式中括号是否匹配的简单实例
2016/10/22 PHP
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
解决Django删除migrations文件夹中的文件后出现的异常问题
2019/08/31 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
澳大利亚领先的孕妇服装品牌:Mamaway
2018/08/14 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
数据库专业英语
2012/11/30 面试题
监理资料员岗位职责
2014/01/03 职场文书
初中班主任评语大全
2014/04/24 职场文书
高中学生期末评语
2014/04/25 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
应届生简历自我评价
2015/03/11 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
Oracle笔记
2021/04/05 Oracle
go web 预防跨站脚本的实现方式
2021/06/11 Golang