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 无符号右移运算符
Apr 17 Javascript
页面中body onload 和 window.onload 冲突的问题的解决
Jul 01 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
Avalonjs 实现简单购物车功能(实例代码)
Feb 07 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
node.js中debug模块的简单介绍与使用
Apr 25 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
微信小程序实现点击效果
Jun 21 Javascript
如何构建一个Vue插件并生成npm包
Oct 26 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 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实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
javascript引导程序
2008/10/26 Javascript
js 表格隔行颜色
2009/12/02 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
2018/08/16 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
ES6 Generator基本使用方法示例
2020/06/06 Javascript
如何手写一个简易的 Vuex
2020/10/10 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
Python表达式的优先级详解
2020/02/18 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
《愚公移山》教学反思
2014/02/20 职场文书
开业典礼主持词
2014/03/21 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
搞笑老公保证书
2015/02/26 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python