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

 更新时间:2016年03月30日 23:40:39   投稿:mdxy-dxy  
在js中提供数据查找了函数有很多,但我查找了很久都没有能实现我要的方法,后来发现可以使用indexOf函数来实现查找与定位数组元素索引值的具体方法,各位朋友可参考

在现在代浏览器中判断一个元素在不在一个数组中,咱们可以用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():返回数组对象的原始值。

相关文章

  • js事件绑定快捷键以ctrl+k为例

    js事件绑定快捷键以ctrl+k为例

    js为快捷键绑定事件,当按这个快捷键时就会触发事先绑定处理函数,下面以ctrl+k为例与大家分享下具体的实现代码
    2014-09-09
  • 详解Webpack-dev-server的proxy用法

    详解Webpack-dev-server的proxy用法

    这篇文章主要介绍了详解Webpack-dev-server的proxy用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Google Map API更新实现用户自定义标注坐标

    Google Map API更新实现用户自定义标注坐标

    由于工作需要,又要开始看Google Map API 代码,今天再把我之前的GoogleMap类,又更新了下,加了个简单的用户自定义标注坐标的功能。看看吧(代码没怎么优化,别见笑)
    2009-07-07
  • js es6系列教程 - 基于new.target属性与es5改造es6的类语法

    js es6系列教程 - 基于new.target属性与es5改造es6的类语法

    下面小编就为大家带来一篇js es6系列教程 - 基于new.target属性与es5改造es6的类语法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JavaScript中的Promise详解

    JavaScript中的Promise详解

    这篇文章主要介绍了JavaScript中的Promise使用详解,promise对象是JS进阶学习中的重要知识点,需要的朋友可以参考下
    2021-10-10
  • js中eval()函数和trim()去掉字符串左右空格应用

    js中eval()函数和trim()去掉字符串左右空格应用

    对于js中eval()函数的理解和写一个函数trim()去掉字符串左右空格;对于js中eval()函数的理解是本人心得不一定正确,感兴趣的朋友参考下,或许对你学习eval()函数有所帮助
    2013-02-02
  • javascript实现控制浏览器全屏

    javascript实现控制浏览器全屏

    这篇文章主要介绍了javascript实现控制浏览器全屏的代码分享给大家,十分的实用,有需要的小伙伴可以参考下。
    2015-03-03
  • Javascript 引擎工作机制详解

    Javascript 引擎工作机制详解

    我们需要引入几个相关的概念:执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等,这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念需要的朋友可以参考下
    2016-11-11
  • 夯基础之手撕javascript继承详解

    夯基础之手撕javascript继承详解

    这篇文章主要给大家介绍了关于手撕javascript继承的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • bootstrap confirmation按钮提示组件使用详解

    bootstrap confirmation按钮提示组件使用详解

    这篇文章主要为大家详细介绍了bootstrap confirmation按钮提示组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论