jQuery中查找数组中的索引inArray，jQuery基础(四)—动画篇教程-慕课网

6-2 jQuery中查找数组中的索引inArray

本节编程练习不计算学习进度，请电脑登录imooc.com操作

jQuery中查找数组中的索引inArray

在PHP有in_array()判断某个元素是否存在数组中，JavaScript却没有，但是jQuery封装了inArray()函数判断元素是否存在数组中。注意了：在ECMAScript5已经有数据的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封装了一个inArray方法

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

语法：

jQuery.inArray( value, array ,[ fromIndex ] )

用法非常简单，传递一个检测的目标值，然后传递原始的数组，可以通过fromIndex规定查找的起始值，默认数组是0开始

例如：在数组中查找值是5的索引

$.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引：4

注意：

如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断

任务

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    p {
        color: red;
    }
    div{
        width:200px; 
        height: 100px; 
        background-color: yellow;
        color:red;
    }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
 
<body>
    <h2>inArray方法</h2>
    <p>慕课网,专注分享</p>
    <div id="aaron"></div>
    点击观察结果：
    <select id="animation">
        <option value="1">inArray</option>
        <option value="2">inArray</option>
    </select>
    <input id="exec" type="button" value="执行动画">
    <script type="text/javascript">
    $("#exec").click(function() {
        var v = $("#animation").val();
        var $aaron = $("#aaron");
           $aaron.empty();
        if (v == "1") {
 
            var index = $.inArray('Aaron',['test','Aaron', 'array','慕课网']);
 
            $aaron.text('Aaron的索引是: '+ index)
 
        } else if (v == "2") {
 
            //指定索引开始的位置
            var index = $.inArray('a',['a','b','c','d','a','c'],2);
 
            $aaron.text('a的索引是: '+ index)
        } 
    });
    </script>
</body>
 
</html>

下一节