为了更加方便地操作数组,jQuery 为我们提供了 5 种方法,如表 1 所示。
方法 | 说明 |
---|---|
$.inArray() | 判断元素 |
$.merge() | 合并数组 |
$.makeArray() | 转换数组 |
$.grep() | 过滤数组 |
$.each() | 遍历数组 |
本节教程先来介绍第一种$.inArray()判断元素、合并数组、转换数组、过滤数组和遍历数组后面介绍。
在 jQuery 中,我们可以使用$.inArray()方法来判断某个值是否存在于数组中。
语法:
参数 value 是一个值,参数 array 是一个数组。$.inArray(value,array) 表示判断 value 是否存在于 array 中。如果存在,则返回 value 的位置(即下标);如果不存在,则返回 -1。
$.inArray()方法和 JavaScript 中的 indexOf() 方法很相似,indexOf() 返回的是字符串首次出现的位置,而$.inArray()返回的是元素在数组中的位置。如果元素在数组中能找到,则返回的是一个大于或等于 0 的值(下标);如果未找到,则返回 -1。
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
var arr = [1, 2, 3, 4, 5];
var index = $.inArray(3, arr);
if(index == -1){
console.log("没有找到元素");
}else{
console.log("元素下标为:" + index);
}
})
</script>
</head>
<body>
</body>
</html>
预览效果如图 1 所示。