How to convert array of key–value objects to array of objects with a single property?

by

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);

also if you use ES2015 you can do it like this

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

Example

More Related Contents:

  1. How do I check if an array includes a value in JavaScript?
  2. How can I check if an object is an array? [duplicate]
  3. Converting JavaScript object with numeric keys into array
  4. Why can I add named properties to an array as if it were an object?
  5. Are Javascript arrays primitives? Strings? Objects?
  6. How to map more than one property from an array of objects
  7. Find object by id in an array of JavaScript objects
  8. How to transpose a javascript object into a key/value array
  9. Sorting arrays numerically by object property value
  10. Sum of array object property values in new array of objects in Javascript [duplicate]
  11. Create an empty object in JavaScript with {} or new Object()?
  12. Array Like Objects in Javascript
  13. Create object from array
  14. Length of a JavaScript associative array
  15. Comparing two arrays of objects, and exclude the elements who match values into new array in JS
  16. How to find duplicate values in a JavaScript array of objects, and output only unique values?
  17. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  18. Search array of objects for entry matching variable and check if it matches other fields
  19. Returning only certain properties from an array of objects in Javascript [duplicate]
  20. How to merge each object within arrays by index?
  21. How to get all keys with values from nested objects
  22. flattening the nested object in javascript
  23. Array of object deep comparison with lodash
  24. Short circuit Array.forEach like calling break
  25. Check if an array contains any element of another array in JavaScript
  26. How to compare two objects and get key-value pairs of their differences?
  27. What’s the best way to loop through a set of elements in JavaScript?
  28. Reordering arrays
  29. Populating JavaScript Array from JSP List
  30. Array.of vs “[ ]”. When to use Array.of over “[ ]”?

Leave a Comment