在前端开发中，我们经常需要从集合中筛选出符合某些条件的模型。当我们知道要查找的模型的ID时，这个任务就很简单了。但是当我们只知道其他某个属性的值时，该怎么办呢？本文将介绍一些方法来解决这个问题。
1. 使用 Array.find() 方法
JavaScript 中的 Array 类型提供了 find() 方法，它可以接受一个回调函数作为参数，在数组中查找第一个符合条件的元素，并返回该元素。下面是一个使用 find() 方法的示例代码：
const models = [
{ id: 1, name: 'model1' },
{ id: 2, name: 'model2' },
{ id: 3, name: 'model3' }
];
const modelByName = models.find(model => model.name === 'model2');
console.log(modelByName); // { id: 2, name: 'model2' }上述代码中，我们定义了一个名为 models 的数组，其中包含三个模型对象。然后，我们使用 find() 方法查找名为 model2 的模型，并将结果存储在 modelByName 变量中。最后，我们将这个变量输出到控制台。
注意，find() 方法只会返回符合条件的第一个元素。如果你需要查找所有符合条件的元素，可以使用 filter() 方法。
2. 使用 Lodash 库
Lodash 是一个流行的 JavaScript 实用工具库，提供了许多实用函数来处理集合、对象、字符串等数据类型。在 Lodash 中，我们可以使用 find() 函数来查找符合条件的元素。
const models = [
{ id: 1, name: 'model1' },
{ id: 2, name: 'model2' },
{ id: 3, name: 'model3' }
];
const modelByName = _.find(models, { name: 'model2' });
console.log(modelByName); // { id: 2, name: 'model2' }上述代码中，我们首先导入 Lodash 库，并将其命名为 _。然后，我们使用 _.find() 函数从 models 数组中查找名为 model2 的模型。最后，我们将结果输出到控制台。
与原生的 Array.find() 方法相比，Lodash 提供了更丰富的功能和更广泛的兼容性。如果你需要进行复杂的集合操作，建议使用 Lodash 库。
3. 对象键值映射
另一种方法是使用对象的键值映射。我们可以将集合中所有模型的某个属性值作为键，将模型对象本身作为值，存储在一个新的对象中。然后，我们可以通过这个对象直接查找符合条件的模型。
-- -------------------- ---- -------
----- ------ - -
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- -------- -
--
----- ------------ - --------------- --------
-------------------------- -- - ------- - --- -- ----- -------- -- ------- - --- -- ----- -------- -- ------- - --- -- ----- -------- - -
----- ----------- - -----------------------
------------------------- -- - --- -- ----- -------- -上述代码中，我们使用 Lodash 提供的 _.keyBy() 函数将 models 数组转换为一个以模型名称为键的新对象，并将其存储在 modelsByName 变量中。然后，我们可以通过这个对象查找名为 model2 的模型。
值得注意的是，如果集合中存在相同属性值的模型，
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24489