Creating a JavaScript Object from JSON File [duplicate]

Question

I have a json file like this below:

data.json:

[
  {
    "id": 0,
    "key": "key0",
    "value": "val0"
  },
  {
    "id": 1,
    "key": "key1",
    "value": "val1"
  },
  {
    "id": 2,
    "key": "key2",
    "value": "val2"
  },
  {
    "id": 3,
    "key": "key3",
    "value": "val3"
  }
]

Now, i want to turn this json into javascript object like this format:

JavaScript Object:

{
  key0: val0,
  key1: val1,
  key2: val2,
  key3: val3
}

I have tried to find a solution with the functions (like each, map, ...), but i couldn't find a solution. I am not just looking for a solution, but the most efficent one.

Do you have an idea?

JSON.parse() and Object.assign

Scott Marcus
– Scott Marcus

2017-10-30 21:38:55 +00:00
Commented Oct 30, 2017 at 21:38 — Scott Marcus
– Scott Marcus, Commented Oct 30, 2017 at 21:38

Keith · Accepted Answer · 2017-10-30 21:41:31Z

1

reduce is a good option here, as were reducing from an array to an object.

var json = `[
  {
    "id": 0,
    "key": "key0",
    "value": "val0"
  },
  {
    "id": 1,
    "key": "key1",
    "value": "val1"
  },
  {
    "id": 2,
    "key": "key2",
    "value": "val2"
  },
  {
    "id": 3,
    "key": "key3",
    "value": "val3"
  }
]`;

var obj = JSON.parse(json).reduce((a,v) => { a[v.key] = v.value; return a; }, {});
console.log(obj);

answered Oct 30, 2017 at 21:41

Keith

24.4k2 gold badges32 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating a JavaScript Object from JSON File [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related