當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


underscore.js _.indexOf()用法及代碼示例


_.indexOf() 函數:

  • 它給出了我們需要找到其位置的元素的索引。
  • 它從 0 開始計算數組中元素的位置。
  • 如果數組中不存在該元素,則結果將為-1。

用法:

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

參數:
它需要三個參數:

  • array
  • value
  • isSorted (optional)

返回值:
它返回傳遞元素的位置。

例子:

  1. 將數字列表傳遞給 _.indexOf() 函數:
    ._indexOf() 函數從列表中一個一個地取出元素,並檢查它是否等於第二個參數中傳遞的元素。如果相等,則結果是它的索引,否則返回 -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([1, 2, 3, 4, 5, 6], 4));
        </script>
    </body>
       
    </html>

    輸出:

  2. 將字符列表傳遞給 _.indexOf() 函數:
    我們還可以將字符列表傳遞給 _.indexOf() 函數,它的工作方式與數字列表的工作方式相同。在第二個參數中,我們需要提到我們需要在單引號內找到其索引的單詞,“。
    
    <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. 將包含重複元素的列表傳遞給 _.indexOf() 函數:即使我們傳遞一個包含重複元素的數組,_.indexOf() 函數也會以相同的方式工作,並返回首先找到第二個參數中傳遞的元素的索引。
    
    <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 文件中,然後運行它們。
鏈接如下:


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

一個例子如下所示:




相關用法


注:本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js _.indexOf() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。