$.inArray()方法介绍

最新推荐文章于 2025-02-14 10:36:16 发布

原创最新推荐文章于 2025-02-14 10:36:16 发布 · 2.9w 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#$.inArray() #jquery

web前端开发同时被 2 个专栏收录

35 篇文章

订阅专栏

javascript

9 篇文章

订阅专栏

本文介绍了jQuery中$.inArray()函数的基本用法，包括如何在数组中搜索指定值及其索引，并通过示例代码展示了不同情况下的使用方法。此外还分析了对象引用在数组查找中的常见误区。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.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>

输出结果为：

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

$(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":"张三"}的引用；