如何高效创建带可选键的条件子集数组？

嘿，我来给你几个实用又高效的方案，都是日常开发里验证过的，能帮你快速搞定数组的条件筛选和属性提取需求~

先假设你的allBooks数组结构大概是这样（方便后续示例参考）：

const allBooks = [
  { id: 1, type: 'fiction', author: 'Jane Doe', inStock: true, price: 29.99 },
  { id: 2, type: 'non-fiction', author: 'John Smith', inStock: false, price: 19.99 },
  // ...更多书籍数据
];

1. 直观易读：filter() + map()组合 #

这是最常用的基础方案，逻辑拆分清晰，调试和维护都很方便，现代JS引擎对数组方法的优化也足够好，适合绝大多数场景：

// 筛选库存书籍，仅提取id、author、price三个属性
const inStockSummary = allBooks
  .filter(book => book.inStock) // 第一步：过滤出符合条件的项
  .map(({ id, author, price }) => ({ id, author, price })); // 第二步：提取需要的属性

优点：代码语义化强，新手也能快速理解；如果后续要调整筛选条件或提取属性，修改起来很直观。

2. 性能优化：reduce()一次遍历 #

如果你的数组数据量特别大，不想经历filter+map两次遍历的开销，可以用reduce()把筛选和属性提取合并成一次遍历，稍微提升执行效率：

const inStockSummary = allBooks.reduce((resultList, book) => {
  // 满足条件时，提取属性并加入结果数组
  if (book.inStock) {
    resultList.push({ id: book.id, author: book.author, price: book.price });
  }
  return resultList;
}, []); // 初始化空数组作为结果容器

优点：仅遍历数组一次，内存占用和执行效率更优；适合处理超大型数据集。

3. 内存友好：生成器函数（超大数据量专属） #

如果你的书籍数组是几万甚至几十万条的超大规模，不想一次性生成整个结果数组占用内存，可以用生成器函数按需返回符合条件的项，适合流式处理或分页加载场景：

function* getInStockBookSummary(books) {
  for (const book of books) {
    if (book.inStock) {
      // 按需返回单条处理后的结果
      yield { id: book.id, author: book.author, price: book.price };
    }
  }
}

// 使用方式：遍历生成器逐步获取结果
const summaryGenerator = getInStockBookSummary(allBooks);
for (const bookItem of summaryGenerator) {
  // 比如渲染到视图、存入数据库等操作
  console.log(bookItem);
}

优点：不会一次性把所有结果加载到内存，避免内存溢出问题。

额外小技巧：封装可复用工具函数 #

如果这个筛选提取逻辑需要在多个地方使用，可以封装成通用工具函数，提升代码复用性：

function getBookSubset(books, filterCondition, targetProps) {
  return books.filter(filterCondition).map(book => 
    targetProps.reduce((obj, prop) => ({ ...obj, [prop]: book[prop] }), {})
  );
}

// 调用示例：获取库存书籍的id和author属性
const stockBookIds = getBookSubset(allBooks, book => book.inStock, ['id', 'author']);

内容的提问来源于stack exchange，提问作者Zeeshan S.