Js 怎么将 1 种数组转换为另一种数组？

• 資深大佬 : Pastsong

  这。。for-loop 不就好了

• 資深大佬 : l1nyanm1ng

  “`js
  const array = [
  {
  name: ‘apple’,
  price: 55.0,
  tips: ‘red apple’,
  },
  {
  name: ‘orange’,
  price: 41.13,
  tips: ‘4 orange’,
  }
  ];

  const ret = array.reduce((accmulator, current) => {
  Object.entries(current).forEach(([prop, value]) => {
  if (!Reflect.has(accmulator, prop)) {
  accmulator[prop] = [];
  }
  accmulator[prop].push(value);
  });
  return accmulator;
  }, {});

  console.log(ret);
  “`

• 資深大佬 : xiaoming1992

  跟#2 差不多
  “` javascript
  const arr = [
  {
  name: “name1”,
  price: “price1”,
  tips: “tips1”,
  },
  {
  name: “name2”,
  price: “price2”,
  tips: “tips2”,
  },
  ]

  const result = arr.reduce((prev, cur, i) => {
  Object.entries(cur).forEach(([key, val]) => {
  if (!prev[key]) { prev[key] = […new Array(arr.length)] }
  prev[key][i] = val
  })
  return prev
  }, {})

  console.log(result)
  “`

• 資深大佬 : palmers

  “`js
  const arr = [{name: ‘apple’, price: 55.00, tips: ‘red apple’}, {name: ‘org’, price: 52.00, tips: ‘red apple’}];
  const vx = arr.reduce((ac, item) => {
  const keys = Object.keys(item);
  keys.map(key => {
  const has = ac.hasOwnProperty(key);
  if(has) {//{name: ‘apple’, price: 55.00, tips: ‘red apple’}
  const maybeArr = ac[key];
  const isArr = Array.isArray(maybeArr);
  if(isArr) { ac[key].push(item[key])}else {ac[key] = [ac[key], item[key]];}
  }else {
  ac[key] = [ac[key]];
  }
  });
  return ac;
  });
  console.log(vx);
  “`
  我这是比较笨拙的写法

• 資深大佬 : jianguiqubaa

  arr.reduce((acc, item) => Object.entries(item).reduce((pre, [key, value]) => ({…pre, [key]: […(pre[key] || []), value]}), acc), {})

• 資深大佬 : palmers

  @jianguiqubaa 完美 ， 代码太帅了!!

• 資深大佬 : kyuuseiryuu

  const arr = [
  ….{
  ……..name: “name1”,
  ……..price: “price1”,
  ……..tips: “tips1”,
  ….},
  ….{
  ……..name: “name2”,
  ……..price: “price2”,
  ……..tips: “tips2”,
  ….},
  ]
  console.log(arr);
  const result = {};
  arr.forEach(element => {
  ….Object.keys(element).forEach(key => {
  ……..if (!result[key]) {
  …………result[key] = [];
  ……..}
  ……..result[key].push(element[key]);
  ….})
  });

  console.log(result);

  为什么要用 reduce，foreach 不香吗？

• 資深大佬 : onfuns

  for 循环啊，非开源项目不要写的太精简，不然后期有维护的可能性，到时就蛋疼了。业务代码就要一目了然！

• 資深大佬 : clare233

  7 的优雅，业务代码确实不是写的越短约好，7 这个很一目了然