在前端开发中，我们经常需要在一个数组中查找具有特定键值的对象，并返回该对象在数组中的索引。这种操作在处理大量数据和对数据进行高效管理时非常有用。在本文中，我们将介绍如何使用 JavaScript 库 Underscore.js 来实现这一功能。
准备工作
首先，在你的项目中安装 Underscore.js。你可以使用 npm 进行安装：
--- ------- ----------
或者直接在 HTML 中引入 Underscore.js：
------- -------------------------------------------------------
使用 _.findIndex 方法
Underscore.js 提供了 _.findIndex 方法，它可以帮助我们在数组中查找具有特定键值的对象，并返回该对象在数组中的索引。该方法的参数包括要搜索的数组，以及一个回调函数，该函数将在每个元素上被调用，直到找到符合条件的对象为止。
以下是一个示例代码：
----- ----- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- - -- ----- ----- - ------------------ ---- -- ------- --- --- -- ----- -- -
在上面的代码中，我们定义了一个名为 users 的数组，其中包含三个对象。我们想要查找具有 id 为 2 的对象，所以我们在 findIndex 方法中传入了一个回调函数。该回调函数以每个数组元素为参数，并返回一个布尔值。当找到符合条件的对象时，findIndex 方法会返回该对象在数组中的索引。
使用 _.where 方法
除了 _.findIndex 方法之外，Underscore.js 还提供了 _.where 方法，它可以帮助我们查找包含特定键值对的对象，并返回这些对象组成的数组。该方法的第一个参数是要搜索的数组，第二个参数是包含键值对的对象。
以下是一个示例代码：
----- ----- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- - -- ----- ------- - -------------- - ----- ----- --- -- ------- -- -- --- -- ----- ----- --
在上面的代码中，我们定义了一个名为 users 的数组，其中包含三个对象。我们想要查找具有名称为“Bob”的对象，所以我们使用 where 方法从数组中筛选出符合条件的对象。
结论
在本文中，我们介绍了如何在 JavaScript 中使用 Underscore.js 来在下划线中找到具有特定键值的对象的数组索引。我们学习了两种方法：_.findIndex 和 _.where，它们分别用于查找符合条件的单个对象和多个对象。这些方法在处理大量数据和对数据进行高效管理时非常有用，希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/12808