Javascript - 平面图的解决方法

Question

所以我一直在寻找一些平面地图的解决方法，因为它在 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));此代码获取每个value并将其添加到before. 然后它将添加的值传递给变量中的reduce,的下一次迭代。before在您的代码中，您将一个数组传递给before，或者在您的情况下acc，并从该数组连接（合并）一个新数组gadgets['computers']并返回该数组。这将根据对象数组创建计算机列表。更多信息在reduce 这里。

Answer 2

如果您希望输出是数组数组。尝试这个：var gadjets = [  { computers: ["asus", "hp"], sellphones: ["Galaxy", "Nokia"] },  { computers: ["dell", "insys"], sellphones: ["iphone", "samsung"] }];const groupBy = key => {  let res = gadjets.reduce((objectsByKeyValue, obj) => {               let arr = [];               arr.push(obj[key]);               return objectsByKeyValue.concat(arr);        }, []);   return res;};console.log(groupBy("computers"));

Answer 3

但它不应该返回吗我不确定你想在那里向我们展示什么，但如果你的意思是[['asus','hp'],['dell', 'insys']]那么不，不应该。concat将您传递的数组展平（到单个级别）：const a = [].concat(['asus','hp'], ['dell', 'insys']);console.log(a); // ["asus", "hp", "dell", "insys"]所以acc.concat(gadjet[computers])将这些数组中的每一个展平computers成一个新数组，这是reduce.