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

_.findLastIndex() 函數：

它用於從數組末尾開始查找元素在數組中的位置。
我們甚至可以通過在參數中提及它來從提及的索引開始搜索。
如果我們想找出一個元素在未知數組中的位置，那麽我們可以通過隻傳遞數組名稱和需要搜索的元素來使用這個函數。

用法:

_.findLastIndex(array, predicate, [context])

參數：
它需要三個參數：

array
predicate
context (optional)

返回值：
它返回所搜索元素在傳遞的數組中的位置。
例子：

將數字列表傳遞給 _.findLastIndex() 函數：
_.findLastIndex() 函數將列表末尾的元素一個一個地取出，並檢查該編號是否與第二個參數中給出的搜索編號相同。就像這裏我們正在搜索值為 1 的 rollNo。在列表中，我們有 2 個值為 1 的 rollNo。_.findLastIndex() 將從列表末尾獲取包含 rollNo 1 的第一個元素。

html


<!-- 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(_.findLastIndex([{rollNo:1}, {rollNo:2}, 
        {rollNo:3}, {rollNo:1}], { rollNo:1}));
    </script>
</body>
   
</html>

Output:

將結構傳遞給 _.findLastIndex() 函數：
我們甚至可以將帶有很多鍵的字符傳遞給 _.findLastIndex() 函數在此我們隻需要記住我們要使用哪個參數/鍵來查找最後一個索引。鍵及其值需要作為第二個參數傳遞。索引從 0 開始，因此列表的最後一個元素的索引 1 小於數組的大小。像這裏一樣，用來區分列表元素的參數被作為鍵‘name’。

html


<!-- 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">
        var users = [{'id':1, 'name':'Bobby', 'last':'Stark'},
             {'id':2, 'name':'Teddy', 'last':'Lime'},
             {'id':3, 'name':'Franky', 'last':'Frail'},
             {'id':4, 'name':'Teddy', 'last':'Frail'}];
        console.log(_.findLastIndex(users, { name:'Teddy'}));
    </script>
</body>
   
</html>

Output:

使用另一個參數傳遞相同的結構：
這裏傳遞了與上例相同的結構，但用於區分不同參數的鍵不同。就像在第二個示例中，我們將 name 作為第二個參數，但在這裏我們將使用 id 鍵。這裏傳遞的id ‘3’的最後一個索引是列表的最後一個元素，其索引是列表的大小減一，即5-1=4。

html


<!-- 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">
        var users = [{'id':1, 'name':'Bobby', 'last':'Stark'},
             {'id':2, 'name':'Teddy', 'last':'Lime'},
             {'id':3, 'name':'Franky', 'last':'Frail'},
             {'id':4, 'name':'Teddy', 'last':'Frail'},
             {'id':3, 'name':'Tinu', 'last':'Thauus'}];
        console.log(_.findLastIndex(users, { id:3}));
    </script>
</body>
   
</html>

Output:

搜索傳遞給 _.findLastIndex() 函數的列表中不存在的元素：
在這個例子中，我們傳遞了與上述示例相同的結構，搜索條件也相同，但傳遞的 id 不同，即 100。我們可以看到，這個 id 不存在於傳遞給 _.findLastIndex() 的數組中函數。因此，在這種情況下，輸出將為負數 -1。

html


<!-- 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">
        var users = [{'id':1, 'name':'Bobby', 'last':'Stark'},
             {'id':2, 'name':'Teddy', 'last':'Lime'},
             {'id':3, 'name':'Franky', 'last':'Frail'},
             {'id':4, 'name':'Teddy', 'last':'Frail'},
             {'id':3, 'name':'Tinu', 'last':'Thauus'}];
        console.log(_.findLastIndex(users, { id:100}));
    </script>
</body>
   
</html>

Output:

筆記：
這些命令在 Google 控製台或 Firefox 中不起作用，因為需要添加他們沒有添加的這些附加文件。
因此，將給定的鏈接添加到您的 HTML 文件中，然後運行它們。
鏈接如下：

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 _.findLastIndex() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。