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

时间:2019-10-16 10:38:55

标签: javascript api ecmascript-6

我从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部分存储在各自的对象中

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

1 个答案:

答案 0 :(得分:-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);