带有键JSON的对象到对象的数组

Question

这是从API调用中获取的数据

[
    {
        "id": "id1",
        "data": "text"
    },
    {
        "id": "id2",
        "data": "text"
    }
]

我怎样才能使JSON数据看起来像这样？

{
    "id1": {
        "data": "text"
    },
    "id2": {
        "data": "text"
    }
}

Answer 1

您可以使用array#reduce

 var data = [ { "id": "id1", "data": "text" }, { "id": "id2", "data": "text" } ], result = data.reduce((r,{id,data}) => (r[id] = {data}, r), {}); console.log(result); 

Answer 2

您可以将Object.assign ^a并使用Array#map ^c 扩展语法... ^b用于具有解构分配 ^d ， 计算属性名称 ^e和简写属性 ^f的新属性。

Object.assign(...array.map(({ id, data }) => ({ [id]: { data } })))
aaaaaaaaaaaaa bbbccccccccc  dddddddddddd        eeee    ffff

 var array = [{ id: "id1", data: "text" }, { id: "id2", data: "text" }], object = Object.assign(...array.map(({ id, data }) => ({ [id]: { data } }))); console.log(object); 

Answer 3

使用lodash groupBy

var a = [
        {
            "id": "id1",
            "data": "text"
        },
        {
            "id": "id2",
            "data": "text"
        }
    ]
_.groupBy(a, 'id')

结果

{
    "id1": {
        "data": "text"
    },
    "id2": {
        "data": "text"
    }
}

或者你也可以使用它

a.reduce((acc, item) => {
   acc[item.id] = item;
   return acc;
}, {})

Answer 4

使用两者中的任何一个，您会发现更简单。

 var arr = [ { "id": "id1", "data": "text" }, { "id": "id2", "data": "text" } ]; var obj = {}; arr.forEach(o => { obj[o.id] = { data: o.data } }) console.log(obj); 

 var arr = [ { "id": "id1", "data": "text" }, { "id": "id2", "data": "text" } ]; var obj = {}; for (const item of arr) { obj[item.id] = { data: item.data } } console.log(obj);