$.inArray()方法介绍

$.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回-1;

$.inArray(value,array) --value是要查找的值，array是被查找的数组。

有如下实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>    
<style>
    div {
        color: blue;
    }
    span {
        color: red;
    }
</style>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
 
<div>"John" 在索引值为 <span></span> 的位置被找到</div>
<div>4 在索引值为 <span></span> 的位置被找到</div>
<div>"Karl" 未被找到，所以返回 <span></span> </div>
<div>"Pete" 在数组中，但是不在索引值大于等于2的位置，所以返回 <span></span></div> 
<script>
$(function () { 
    var arr = [ 4, "Pete", 8, "John" ];
    var $spans = $( "span" );
    $spans.eq( 0 ).text( jQuery.inArray( "John", arr ) );
    $spans.eq( 1 ).text( jQuery.inArray( 4, arr ) );
    $spans.eq( 2 ).text( jQuery.inArray( "Karl", arr ) );
    $spans.eq( 3 ).text( jQuery.inArray( "Pete", arr, 2 ) );
})
</script>
 
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
color: blue;
}
span {
color: red;
}
</style>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

<div>"John" 在索引值为 <span></span> 的位置被找到</div>
<div>4 在索引值为 <span></span> 的位置被找到</div>
<div>"Karl" 未被找到，所以返回 <span></span> </div>
<div>"Pete" 在数组中，但是不在索引值大于等于2的位置，所以返回 <span></span></div>
<script>
$(function () {
var arr = [ 4, "Pete", 8, "John" ];
var $spans = $( "span" );
$spans.eq( 0 ).text( jQuery.inArray( "John", arr ) );
$spans.eq( 1 ).text( jQuery.inArray( 4, arr ) );
$spans.eq( 2 ).text( jQuery.inArray( "Karl", arr ) );
$spans.eq( 3 ).text( jQuery.inArray( "Pete", arr, 2 ) );
})
</script>

</body>
</html>

输出结果为：

需要注意的是，例如下代码:

$(function () {
var arr=[{"name":"张三"},{"name":"李四"},{"name":"王五"}];
alert($.inArray({"name":"张三"}, arr));
});
上面这段代码不仔细分析怎么看都没有错,但是返回值是-1。下面来分析下原因发现:

错误的原因是{"name":"张三"}和{"name":"张三"}是两个不同的引用;所以在arr数组里面找不到{"name":"张三"}这个对象;代码如果这样改就可以了

$(function () {
var obj = { "name": "张三" };
var arr = [{ "name": "李四" }, obj, { "name": "王五"}];
alert($.inArray(obj, arr));
});
这段代码返回的就是1；返回值正常,这时的obj是{"name":"张三"}的引用；
————————————————
版权声明：本文为CSDN博主「YuanlongWang」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/lwpoor123/article/details/81169742

原文地址：https://www.cnblogs.com/webSnow/p/17007404.html

$.inArray()方法介绍

相关推荐