jquery - How to convert key value pair to objects in javascript

Question

I have an object array like this one:

[{"key":"fruit","value":"apple"},{"key":"color","value":"red"},{"key":"location","value":"garden"}]

I need to convert it to the following format:

[{"fruit":"apple"},{"color":"red"},{"location":"garden"}]

How is this possible using javascript?

Answer 1

You can use .map

var data = [
  {"key":"fruit","value":"apple"},
  {"key":"color","value":"red"},
  {"key":"location","value":"garden"}
];

var result = data.map(function (e) {
  var element = {};
  element[e.key] = e.value;
  
  return element;
});

console.log(result);