如何避免两次遍历对象数组，提取含title对象并拆分至两个变量？

好问题！你当前用find()加filter()的写法确实会对数组进行两次完整遍历——第一次找第一个带title的对象，第二次过滤掉所有带title的对象。其实完全可以通过一次遍历就完成拆分，既减少了遍历次数，逻辑也和原代码保持一致。

实现思路 #

核心就是遍历数组一次，同时完成两个判断：

• 如果当前对象有title字段，并且还没找到main对象（和find()只取第一个匹配项的逻辑对齐），就把它赋值给main
• 否则，把对象加入content数组

具体实现 #

1. 用forEach实现（直观易懂）

const data = [ { _id: '1', title: 'Main' }, { _id: '2', foo: 'bar' }, { _id: '3', foo: 'bar' } ];

let main = null;
const content = [];

data.forEach(doc => {
  // 只取第一个带title的对象，和find()逻辑一致
  if (doc.title && !main) {
    main = doc;
  } else if (!doc.title) {
    content.push(doc);
  }
});

2. 用reduce实现（更函数式）

如果你偏好纯函数风格，可以用reduce把结果整合到一个累加器对象里：

const data = [ { _id: '1', title: 'Main' }, { _id: '2', foo: 'bar' }, { _id: '3', foo: 'bar' } ];

const { main, content } = data.reduce((acc, doc) => {
  if (doc.title && !acc.main) {
    acc.main = doc;
  } else if (!doc.title) {
    acc.content.push(doc);
  }
  return acc;
}, { main: null, content: [] });

额外说明 #

如果你的数组中可能存在多个带title的对象，原代码的find()只会返回第一个。上面的优化实现也保持了这个逻辑——只保留第一个匹配的对象作为main，后续带title的对象会被直接跳过（不会加入content，也不会覆盖main）。如果需要调整这个逻辑（比如保留最后一个带title的对象），只需要去掉判断条件里的!main/!acc.main即可。

这种一次遍历的方式，在数组数据量较大时，性能优势会更明显哦！

内容的提问来源于stack exchange，提问作者user3142695