js数组方法map与filter(应用中遇到的问题)

在JavaScript中，map() 方法会创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。filter() 方法则是用于筛选数组，返回满足条件的新数组。

假设我们有一个对象数组，我们想要筛选出满足特定条件的对象，并对这些对象的某个属性进行操作。

// 示例对象数组
const items = [
  { name: 'apple', type: 'fruit', quantity: 2 },
  { name: 'laptop', type: 'electronics', quantity: 1 },
  { name: 'carrot', type: 'vegetable', quantity: 5 },
  { name: 'book', type: 'book', quantity: 10 }
];
 
// 需求：筛选出type为'fruit'的对象，并将quantity值翻倍
 
// 使用map()和filter()
const doubleQuantityFruits = items
  .filter(item => item.type === 'fruit')
  .map(item => ({ ...item, quantity: item.quantity * 2 }));
 
console.log(doubleQuantityFruits);
// 输出: [{ name: 'apple', type: 'fruit', quantity: 4 }, ...]

在这个例子中，我们首先使用filter()方法筛选出数组中type属性为fruit的对象，然后使用map()方法将这些对象的quantity属性值翻倍。

注意，map()和filter()可以结合使用以对数组进行复杂处理，并且它们都不会修改原始数组，而是返回新的数组。