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 相关文章推荐
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
May 12 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
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学习之整理字符串
2011/04/17 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
如何取得中文输入的真实长度?
2006/06/24 Javascript
dwr spring的集成实现代码
2009/03/22 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
js读写json文件实例代码
2014/10/21 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
详解Python中的__init__和__new__
2014/03/12 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
解决python3 网络请求路径包含中文的问题
2018/05/10 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
Django之PopUp的具体实现方法
2019/08/31 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
Django配置跨域并开发测试接口
2020/11/04 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
New Balance天猫官方旗舰店:始于1906年,百年慢跑品牌
2017/11/15 全球购物
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
Java面试题及答案
2012/09/08 面试题
初一科学教学反思
2014/01/27 职场文书
政风行风评议整改方案
2014/09/15 职场文书
民事申诉状范本
2015/05/20 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
Python 文字识别
2022/05/11 Python
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL