使用PapaParse结合Lodash _.pick()筛选列返回空数据问题

核心问题原因 #

1. 未收集筛选结果：在step函数处理单行数据时，仅调用_.pick()但未将结果存入目标数组，导致最终无数据留存。
2. 对数组误用_.pick()：complete函数里results.data是行对象组成的数组，而_.pick()是针对单个对象的方法，直接对数组调用会返回空值。
3. 未开启header模式：如果header: false，results.data是索引数组而非键值对对象，_.pick()无法通过列名匹配数据。

正确实现方案 #

方案一：在step函数中逐行处理并收集 #

const filteredData = [];

Papa.parse(yourCsvFile, {
  header: true, // 必须开启，将每行转为列名-值的键值对象
  step: (results, parser) => {
    // 对当前行筛选指定列
    const pickedItem = _.pick(results.data, ['column1', 'column2']);
    // 将筛选结果存入外部数组
    filteredData.push(pickedItem);
  },
  complete: () => {
    console.log(filteredData); // 输出所有筛选后的行数据
  }
});

方案二：在complete函数中批量处理所有行 #

Papa.parse(yourCsvFile, {
  header: true,
  complete: (results) => {
    // 遍历所有行对象，逐个筛选后组成新数组
    const filteredData = _.map(results.data, item => 
      _.pick(item, ['column1', 'column2'])
    );
    console.log(filteredData);
  }
});

关键注意事项 #

• 必须设置header: true，否则results.data是纯值数组，_.pick()无法通过列名匹配数据。
• _.pick()仅作用于单个对象，处理数组时必须用_.map()遍历每一项，不能直接对数组调用_.pick()。
• step函数的处理结果不会自动保存，需要手动将筛选后的对象推入外部数组。

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