Question

我正在开发一个小的Web应用程序，它从api接收对象数组，然后在向每个对象添加一些数据并删除其他对象之后在页面上显示结果。

如果当前索引元素与下一个元素相同，我已经用chechink进行了尝试，但是由于某种原因它不起作用。

const initialArray = [
{ x: 'one', y: 'place1'},
{ x: 'one', y: 'place1'},
{ x: 'two', y: 'place2'},
{ x: 'three', y: 'place3'},
{ x: 'three', y: 'place3'},
{ x: 'three', y: 'place3'},
{ x: 'four', y: 'place4'}
]

预期结果应为：

let resArray = [
{ x: 'one' , y: 'place1', count: 2},
{ x: 'two', y: 'place2', count: 1 },
{ x: 'three', y: 'place3', count: 3 },
{ x: 'four', y: 'place4', count: 1 }
]

控制台没有给出任何错误，所以这意味着我的算法不正确。感谢您的支持

Answer 1

您可以使用reduce()

const initialArray = [
  { x: 'one', y: 'place1'},
  { x: 'one', y: 'place1'},
  { x: 'two', y: 'place2'},
  { x: 'three', y: 'place3'},
  { x: 'three', y: 'place3'},
  { x: 'three', y: 'place3'},
  { x: 'four', y: 'place4'}
];

const res = initialArray.reduce((ac,{x,y}) => {
  let k = `${x}_${y}`
  if(!ac[k]) ac[k] = {x,y,count:0};
  ac[k].count++;
  return ac;


},{})
console.log(Object.values(res))

如何在JavaScript中过滤和修改数组中的每个对象？

1 个答案: