如何按条件将字符串数组与数字数组合并为键值对象数组

嘿，我来帮你搞定这个问题！你想要的是把两个数组合并成包含单个键值对的对象数组，同时过滤掉count为0的项对吧？你之前用_.zipObject得到的是一个大对象，这和预期的数组结构不一样，咱们调整一下就好啦～

方法一：原生JavaScript实现（无需额外库） #

不用依赖Lodash的话，用原生数组方法map加filter就能轻松解决：

const fruits = ["Apple", "Banana", "Apricot", "Bilberry"];
const count = [3, 5, 0, 2];

const merge = fruits
  // 先把每个水果和对应的数量转换成单个键值对的对象
  .map((fruit, index) => ({ [fruit]: count[index] }))
  // 过滤掉数量为0的项
  .filter(item => Object.values(item)[0] !== 0);

console.log(merge);
// 输出结果：[{"Apple":3},{"Banana":5},{"Bilberry":2}]

方法二：用Lodash实现（贴合你之前的思路） #

如果习惯用Lodash的话，可以结合它的链式调用或者数组方法来实现：

const fruits = ["Apple", "Banana", "Apricot", "Bilberry"];
const count = [3, 5, 0, 2];

const merge = _.chain(fruits)
  .zip(count) // 先把两个数组配对成二维数组：[["Apple",3], ["Banana",5], ...]
  .reject(([_, num]) => num === 0) // 剔除数量为0的配对
  .map(pair => _.fromPairs([pair])) // 把每个配对转换成单个键值对的对象
  .value();

console.log(merge);
// 同样得到预期结果

或者更简洁的写法：

const merge = _.reject(
  _.map(fruits, (fruit, i) => ({ [fruit]: count[i] })),
  item => Object.values(item)[0] === 0
);

补充说明 #

你之前用_.zipObject得到的是一个单一对象，是因为这个方法的作用就是把两个数组转换成一个键值对对象，而你需要的是多个对象组成的数组，所以得先生成对象数组，再做过滤操作才行～

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