Javascript - 平面 map 的解决方法

Question

所以我正在寻找一些平面 map 的解决方法，因为它在 IE 上不起作用，我找到了这个:但我不太明白为什么它会起作用

var gadjets = [
  {computers:['asus', 'hp'],
  sellphones:['Galaxy', 'Nokia']
  },

  {computers:['dell', 'insys'],
  sellphones:['iphone', 'samsung']
  }
];

const getValues = gadjets.reduce((acc, gadjet) => acc.concat(gadjet[computers]), []) // instead of gadjets.flatMap(gadjet=> gadjet[computers])

此代码返回:

['asus','hp','dell','insys']

但它不应该返回:

['asus','hp'],['dell', 'insys']

Answer 1

这是因为 reduce 将您提供的元素相加。例如，采用以下代码:

let arr = [1,2,3,4,5];
console.log(arr.reduce((before, value)=>before+value));

此代码获取每个值并将其添加到之前。然后，它将添加的值传递到 reduce 的下一次迭代中的 before 变量中。

在您的代码中，您将一个数组传递到before中，或者在您的情况下传递给acc，并连接(合并)一个新数组来自 gadgets['computers'] 并返回该数组。这将根据对象数组创建计算机列表。

有关reduce的更多信息here .