js中判断一个元素是否在某一数组中

偏执的太偏执、 2023-07-19 12:08 97阅读 0赞

js中存在一个数组，如何判断一个元素是否存在于这个数组中呢，首先是通过循环的办法判断，代码如下：

  1. var arr = ['a','s','d','f'];
  2. console.info(isInArray(arr,'a'));//循环的方式
  4. /**
  5.  * 使用循环的方式判断一个元素是否存在于一个数组中
  6.  * @param {Object} arr 数组
  7.  * @param {Object} value 元素值
  8.  */
  9. function isInArray(arr,value){
  10.     for(var i = 0; i < arr.length; i++){
  11.         if(value === arr[i]){
  12.             return true;
  13.         }
  14.     }
  15.     return false;
  16. }

这种方式是比较通用的一种方式，但是需要自己写函数，下面看一下第二种方式：

  1. var arr = ['a','s','d','f'];
  2.                 console.info(arr.indexOf('a'));//在IE某些版本中不支持，可以自行扩展

这种方式是直接使用数组的indexOf方法来判断，如果元素存在于数组中，那么返回元素在数组中的下标值，如果不存在，那么返回-1，注意indexOf是区分大小写的，字母O必需大写，不然是会报错的，另外，该方法在某些版本的IE中是不起作用的，因此在使用之前需要做一下判断，修改后的代码如下所示：

  1. /**
  2.  * 使用indexOf判断元素是否存在于数组中
  3.  * @param {Object} arr 数组
  4.  * @param {Object} value 元素值
  5.  */
  6. function isInArray3(arr,value){
  7.     if(arr.indexOf&&typeof(arr.indexOf)=='function'){
  8.         var index = arr.indexOf(value);
  9.         if(index >= 0){
  10.             return true;
  11.         }
  12.     }
  13.     return false;
  14. }

第三种方式，就是使用jquery的inArray方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１，代码如下所示：

  1. /**
  2.  * 使用jquery的inArray方法判断元素是否存在于数组中
  3.  * @param {Object} arr 数组
  4.  * @param {Object} value 元素值
  5.  */
  6. function isInArray2(arr,value){
  7.     var index = $.inArray(value,arr);
  8.     if(index >= 0){
  9.         return true;
  10.     }
  11.     return false;
  12. }

这种方式可以用来删除一个数组中的未知下标值的元素，代码如下所示：

  1. var arr = ['a','s','d','f'];
  2. console.info("删除元素之前的数组："+arr);
  3. arr.splice($.inArray('a',arr),1);
  4. console.info("删除元素之后的数组："+arr);

执行结果是：

  1. [Web浏览器] "删除元素之前的数组：a,s,d,f"    /test/index.html (12)
  2. [Web浏览器] "删除元素之后的数组：s,d,f"  /test/index.html (14)

发表评论

表情：
评论列表 （有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读