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实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
js实现踩五彩块游戏
Feb 08 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 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
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
innerText 使用示例
2014/01/23 Javascript
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
2016/10/28 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
微信小程序之前台循环数据绑定
2017/08/18 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
python3实现短网址和数字相互转换的方法
2015/04/28 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
Python正则表达式经典入门教程
2017/05/22 Python
python实现银行管理系统
2019/10/25 Python
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2019/10/30 Python
python实现堆排序的实例讲解
2020/02/21 Python
智乐游戏测试笔试题
2014/05/21 面试题
三方协议书范本
2014/04/22 职场文书
中层干部培训方案
2014/06/16 职场文书
转正申请报告格式
2015/05/15 职场文书
幼儿园见习总结
2015/06/23 职场文书
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫