javascript - 从http响应形成所需数据对象的正确方法是什么

Question

我从 api 调用中接收到某个数组，并且我需要从中形成一个对象数组。这是我从服务器接收的对象数组

[
  {x:10,id:1,y:30},
  {x:10,id:2,y:50},
  {x:11,id:1,y:20},
  {x:11,id:2,y:70},
  {x:12,id:1,y:80},
  {x:12,id:2,y:90}
]

...我需要将其转换为：

[
  {x:10,id1:30,id2:50},
  {x:11,id2:20,id2:70},
  {x:12,id3:80,id2:90}
]

基本上将y零件存储在各自的对象上

我试图生成所需的对象，但我不得不使用太多循环。有没有更简单或更准确的方法？

标签： javascriptapiecmascript-6

Answer 1

你可以试试这个

let arr=[ {x:10,id:1,y:30},
  {x:10,id:2,y:50},
  {x:11,id:1,y:20},
  {x:11,id:2,y:70},
  {x:12,id:1,y:80},
  {x:12,id:2,y:90}
]
let ans=[];
arr.forEach(o=>{
    if( !ans.find(i=>o.x===i.x)){
        let temp={x:o.x};
        temp[`id${o.id}`]=o.y;
        arr.filter(item=>(item.x===o.x && item.id!==o.id)).forEach((item,index)=>{
            temp[`id${item.id}`]=item.y;
        })
        ans.push(temp);
}
});
console.log(ans);