javascript如何判断值是否在数组中

这篇文章主要为大家展示了“javascript如何判断值是否在数组中”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“javascript如何判断值是否在数组中”这篇文章吧。

网站建设、成都网站设计的开发，更需要了解用户，从用户角度来建设网站，获得较好的用户体验。成都创新互联公司多年互联网经验，见的多，沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司，打造的就是网站建设产品直销的概念。选择成都创新互联公司，不只是建站，我们把建站作为产品，不断的更新、完善，让每位来访用户感受到浩方产品的价值服务。

方法：1、利用for语句遍历数组，将数组元素和指定值进行比较，相等则存在；2、使用indexOf方法，如果元素存在于数组中则返回下标值，不存在则返回“-1”；3、利用inArray()方法，如果元素存在则返回下标值，不存在则返回“-1”。

本教程操作环境：windows7系统、javascript1.8.5&&jquery1.10.2版、Dell G3电脑。

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

var arr = ['a','s','d','f'];
console.info(isInArray(arr,'a'));//循环的方式

/**
 * 使用循环的方式判断一个元素是否存在于一个数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]){
            return true;
        }
    }
    return false;
}

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

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

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

/**
 * 使用indexOf判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray3(arr,value){
    if(arr.indexOf&&typeof(arr.indexOf)=='function'){
        var index = arr.indexOf(value);
        if(index >= 0){
            return true;
        }
    }
    return false;
}

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

/**
 * 使用jquery的inArray方法判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray2(arr,value){
    var index = $.inArray(value,arr);
    if(index >= 0){
        return true;
    }
    return false;
}

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

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

执行结果是：

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

以上是“javascript如何判断值是否在数组中”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！