JS如何根据条件取出数组中对应项

根据您的要求，我来详细讲解一下“JS如何根据条件取出数组中对应项”的完整攻略。

1. 使用filter()方法

filter()方法可以创建一个新数组，其中包含满足指定条件的所有元素。其接受一个回调函数作为参数，可以指定一个条件来筛选数组中的元素。该回调函数接受数组中的每个元素作为参数，返回 true 或 false。如果返回 true，则将该元素添加到新数组中。

下面是一个示例，根据条件从数组中取出元素：

const fruits = [
  { name: 'apple', color: 'red' },
  { name: 'banana', color: 'yellow' },
  { name: 'orange', color: 'orange' },
  { name: 'grape', color: 'purple' }
];

const filteredFruits = fruits.filter((fruit) => {
  return fruit.color === 'red';
});

console.log(filteredFruits);
// Output: [{ name: 'apple', color: 'red' }]

这个示例从 fruits 数组中筛选颜色为红色的水果，并将它们存储在 filteredFruits 数组中。

2. 使用find()函数

find()函数可以返回数组中第一个满足指定条件的元素。其接受一个回调函数作为参数，该回调函数接受数组中的每个元素作为参数，返回 true 或 false。如果 true，则返回该元素，否则返回 undefined。

下面是一个示例，根据条件从数组中取出元素：

const fruits = [
  { name: 'apple', color: 'red' },
  { name: 'banana', color: 'yellow' },
  { name: 'orange', color: 'orange' },
  { name: 'grape', color: 'purple' }
];

const foundFruit = fruits.find((fruit) => {
  return fruit.color === 'orange';
});

console.log(foundFruit);
// Output: { name: 'orange', color: 'orange' }

这个示例从 fruits 数组中查找颜色为橙色的水果，并将其存储在 foundFruit 变量中。

总的来说，可以根据以上两个方法，结合不同的回调函数，来实现不同的条件筛选操作。