$.inArray()

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了$.inArray()相关的知识,希望对你有一定的参考价值。

原文链接:http://www.css88.com/jqapi-1.9/jQuery.inArray/

jQuery.inArray( value, array [, fromIndex ] )返回: Number

描述: 在数组中查找指定值并返回它的索引(如果没有找到,则返回-1)。

  • 添加的版本: 1.2jQuery.inArray( value, array [, fromIndex ] )

    • value
      类型: Anything
      要查找的值。
    • array
      类型: Array
      一个数组,通过它来查找。
    • fromIndex
      类型: Number
      数组索引值,表示从哪里在开始查找。默认值是0,这将查找整个数组。

$.inArray()方法类似于javascript的原生.indexOf()方法,没有找到匹配元素时它返回-1。如果数组第一个元素匹配value(参数) ,那么$.inArray()返回0。

因为JavaScript将0视为false(即 0 == false, 但是 0 !== false),要检查在array中是否存在value, 你需要检查它是否不等于(或大于)-1。

值之间的比较是严格比较(愚人码头注:即,===或!==比较)。下面这段代码返回 -1 (没有找到) , 因为字符串数组中不可能找到一个数字:

1
$.inArray( 5 + 5, [ "8", "9", "10", 10 + "" ] );

例子:

返回数组中指定元素的索引值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 
<div>"John" found at <span></span></div>
<div>4 found at <span></span></div>
<div>"Karl" not found, so <span></span></div>
<div>"Pete" is in the array, but not at or after index 2, so <span></span></div>
<script>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>

Demo:

以上是关于$.inArray()的主要内容,如果未能解决你的问题,请参考以下文章

inArray 比较数组

用 inArray 查找数组中的对象

$.each 和 jQuery.inArray 函数组合的奇怪输出

$.inArray()

jQuery.inArray(),如何正确使用?

jQuery.inArray( value, array )