JavaScript 中 find 和 filter 的区别

在 JavaScript 中，find 和 filter 都是数组的方法，但它们的功能和返回结果有明显区别，具体如下：

代码示例对比

假设我们有一个餐厅数组：

const restaurants = \[

  { \_id: '1', name: '云味小馆', rating: 4.8 },

  { \_id: '2', name: '川香阁', rating: 4.5 },

  { \_id: '3', name: '云味小馆分店', rating: 4.8 }

];

用 find 查找

const restaurant = restaurants.find(r => r.rating === 4.8);

console.log(restaurant); 

// 输出：{ \_id: '1', name: '云味小馆', rating: 4.8 }（只返回第一个匹配的元素）

用 filter 查找

const matchedRestaurants = restaurants.filter(r => r.rating === 4.8);

console.log(matchedRestaurants); 

// 输出：\[

//   { \_id: '1', name: '云味小馆', rating: 4.8 },

//   { \_id: '3', name: '云味小馆分店', rating: 4.8 }

// ]（返回所有匹配的元素组成的数组）

简单来说，find 找 “一个”，filter 找 “一堆”，可以根据业务需求选择使用。