JS reducer返回对象

Question

我想从下面的代码中获得类似“ {{坐：3，站：2}”的输出，请问有什么可以帮助的吗？

 var desks = [
  { type: 'sitting' },
  { type: 'standing' },
  { type: 'sitting' },
  { type: 'sitting' },
  { type: 'standing' }
];

var deskTypes = desks.reduce(function() {
    //Acutal code.
}, { sitting: 0, standing: 0 });

Answer 1

您可以这样做。确保每次迭代后返回types累加器对象。

const desks = [
    { type: 'sitting' },
    { type: 'standing' },
    { type: 'sitting' },
    { type: 'sitting' },
    { type: 'standing' },
]

const deskTypes = desks.reduce((types, desk) => {
    types[desk.type]++
    
    return types
}, { sitting: 0, standing: 0 })

console.log(deskTypes)

Answer 2

只需使用Array.reduce即可完成。

const desks = [
  { type: 'sitting' },
  { type: 'standing' },
  { type: 'sitting' },
  { type: 'sitting' },
  { type: 'standing' }
];

const result = desks.reduce((acc, cur) => {
  if (acc[cur.type]) {
    acc[cur.type] ++;
  } else {
    acc[cur.type] = 1;
  }
  return acc;
}, {});
console.log(result);

Answer 3

let deskTypes = desks.reduce(
  (types, { type }) => {
    types[type]++;
    return types;
  },
  { sitting: 0, standing: 0 }
);

Answer 4

const desks = [
  { type: "sitting" },
  { type: "standing" },
  { type: "sitting" },
  { type: "sitting" },
  { type: "standing" },
];

const deskTypes = desks.reduce(
  (acc, item) => {
    
    if (item.type === "sitting") {
      acc.sitting++;
    } else {
      acc.standing++;
    }

    return acc;
  },
  { sitting: 0, standing: 0 }
);

console.log(deskTypes);