javascript检查某个元素在数组中的索引值


Posted in Javascript onMarch 30, 2016

在现在代浏览器中判断一个元素在不在一个数组中,咱们可以用Array对象的indexOf()方法来取得这个元素在当前数组中的索引值,若索引值不等于-1,数组中就存在这个元素,

例如:

var arr = [2,53,23,'test',9,'array'];
//判断array在不在数组arr中
arr.indexOf('array') !== -1 ? alert('存在') : alert('不存在');
但是IE9以前的版本都不支持此方法,那咱们就只能扩展一个:
 代码如下复制代码
Array.prototype.indexOf = function(el){
 for (var i=0,n=this.length; i<n; i++){
 if (this[i] === el){
  return i;
 }
 }
 return -1;
}

下面咱们就来检测一下各个浏览器的兼容性,代码如下:

var arr = [2,53,23,'test',9,'array'];
if(!Array.indexOf){
  Array.prototype.indexOf = function(el){
 for (var i=0,n=this.length; i<n; i++){
 if (this[i] === el){
  return i;
 }
 }
 return -1;
   } 
}
arr.indexOf('array') !== -1 ? alert('存在') : alert('不存在');

上面就是用Array的indexOf方法来判断数组中一个元素是否存在的方法。

Array的原生方法:

concat(): 连接两个或更多的数组哦
join(): 把数组的所有元素放在一个字符串中
pop():删除并返回数组的最后一个元素
push():向数组的末尾添加一个元素,并返回数组长度。
reverse():颠倒数组中的元素顺序
shift(): 删除并返回数组的第一个元素。
slice():返回已选定的元素
sort():对数组的元素进行排序
splice():删除元素,并向数组添加新元素。
toSource():返回该对象的源代码
toString():把数组转换为字符串,并返回结果
valueOf():返回数组对象的原始值。

Javascript 相关文章推荐
Javascript SHA-1:Secure Hash Algorithm
Dec 20 Javascript
查看源码的工具 学习jQuery源码不错的工具
Dec 26 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
javaScript事件机制兼容【详细整理】
Jul 23 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
JS实现留言板功能
Jun 17 Javascript
vue2.0在table中实现全选和反选的示例代码
Nov 04 Javascript
JavaScript 高性能数组去重的方法
Sep 20 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 #Javascript
谈一谈js中的执行环境及作用域
Mar 30 #Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 #Javascript
用JS生成UUID的方法实例
Mar 30 #Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 #Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 #Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 #Javascript
You might like
php实现通用的信用卡验证类
2015/03/24 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
Bootstrap基础学习
2015/06/16 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
Javascript 5种方法实现过滤删除前后所有空格
2016/06/22 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
axios学习教程全攻略
2017/03/26 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
Python中的数学运算操作符使用进阶
2016/06/20 Python
python使用turtle绘制分形树
2018/06/22 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
怎样声明接口
2014/09/19 面试题
华为C++笔试题
2014/08/05 面试题
财务会计应届生求职信
2013/11/24 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
开工典礼致辞
2015/07/29 职场文书