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页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
jquery图片放大镜功能的实例代码
Mar 26 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
原生js调用json方法总结
Feb 22 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
详解Vue router路由
Nov 20 Vue.js
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
关于svn冲突的解决方法
2013/06/21 PHP
php 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
PHP单链表的实现代码
2016/07/05 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
javascript document.execCommand() 常用解析
2009/12/14 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
微信浏览器禁止页面下拉查看网址实例详解
2017/06/28 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
vue 组件使用中的一些细节点
2018/04/25 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python比较两个列表大小的方法
2015/07/11 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
python 用下标截取字符串的实例
2018/12/25 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
当当网软件测试笔试题
2015/11/24 面试题
大学生军训自我鉴定
2014/02/12 职场文书
篮球社团活动总结
2014/06/27 职场文书
安全施工责任书
2014/08/25 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle