当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Underscore.js _.indexOf()用法及代码示例


_.indexOf()函数:

  • 它给出了我们需要查找其位置的元素的索引。
  • 它开始从0开始计算数组中元素的位置。
  • 如果数组中不存在该元素,则结果将为-1。

用法:

_.indexOf(array, value, [isSorted])

参数:
它包含三个参数:


  • array
  • value
  • isSorted (optional)

返回值:
它返回传递的元素的位置。

例子:

  1. 将数字列表传递给_.indexOf()函数:
    ._indexOf()函数从列表中一个接一个地获取元素,并检查它是否等于第二个参数中传递的元素。如果相等,则结果为索引,否则返回-1。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.indexOf([1, 2, 3, 4, 5, 6], 4)); 
        </script> 
    </body> 
       
    </html>

    输出:

  2. 将字符列表传递给_.indexOf()函数:
    我们还可以将字符列表传递给_.indexOf()函数,它将以与数字列表相同的方式工作。在第二个参数中,我们需要提及需要在单引号中找到其索引的单词“”。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 'PEARL'], 'AJAX')); 
        </script> 
    </body> 
       
    </html>

    输出:

  3. 传递列表中不存在的第二个参数:
    将字符元素列表传递给_.indexOf()函数。在给定列表中,第二个参数“ GEEKS”不存在,因此结果为-1。
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 'PEARL'], 'GEEKS')); 
        </script> 
    </body> 
       
    </html>

    输出:

  4. 将具有重复元素的列表传递给_.range()函数:
    甚至很难,我们传递带有重复元素的数组,_.indexOf()函数将以相同的方式工作,并返回首先找到在第二个参数中传递的元素的索引。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 
                                 'PEARL', 'CSS', 'HTML', 'CSS'], 'CSS')); 
        </script> 
    </body> 
       
    </html>

    输出:

注意:
这些命令在Google控制台或firefox中将无法使用,因为需要添加这些尚未添加的其他文件。
因此,将给定的链接添加到您的HTML文件,然后运行它们。
链接如下:

<!-- Write HTML code here -->
<script type="text/javascript" 
src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
</script>

一个例子如下所示:



相关用法


注:本文由纯净天空筛选整理自Sakshi98大神的英文原创作品 Underscore.js | _.indexOf()。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。