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

_.indexOf()函數：

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

用法:

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

參數：
它包含三個參數：

array
value
isSorted (optional)

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

例子：

將數字列表傳遞給_.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>

輸出：

將字符列表傳遞給_.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>

輸出：

傳遞列表中不存在的第二個參數：
將字符元素列表傳遞給_.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>

輸出：

將具有重複元素的列表傳遞給_.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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。