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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。