$.inArray()方法介绍
$.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
