Convert object to array of key–value objects like `{ name: “Apple”, value: “0.6” }`

by

You can use Array#map function on the object keys and create your objects with desired shape.

const total = { 
    'Apple': 0.6,
    'Banana': 0.6,
    'Orange': 1,
    'Grapes': 0.4,
    'Pineapple': 0.4 
};
              
const array = Object.keys(total)
                    .map(key => ({ name: key, value: total[key] }))
                    .sort((f, s) => f.value - s.value);

console.log(array);

If you use ES7 or higher you can replace Object#keys with Object#entries. Use also object destructuring in the parameter list to get name and value separately.

const total = { 
    'Apple': 0.6,
    'Banana': 0.6,
    'Orange': 1,
    'Grapes': 0.4,
    'Pineapple': 0.4 
};
              
const array = Object.entries(total)
                    .map(([name, value]) => ({ name, value }))
                    .sort((f, s) => f.value - s.value);;

console.log(array);

More Related Contents:

  1. Array.prototype.fill() with object passes reference and not new instance
  2. JavaScript: Difference between .forEach() and .map()
  3. Why can I add named properties to an array as if it were an object?
  4. How to extend an existing JavaScript array with another array, without creating a new array
  5. Is the order of elements in a JSON list preserved?
  6. JavaScript: How to join / combine two arrays to concatenate into one array?
  7. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  8. Merge 2 arrays of objects
  9. How might I extract the property values of a JavaScript object into an array?
  10. Sampling a random subset from an array
  11. Convert JavaScript array of 2 element arrays into object key value pairs
  12. Comparing two arrays of objects, and exclude the elements who match values into new array in JS
  13. How to check if a string array contains one string in JavaScript? [duplicate]
  14. Count duplicates within an Array of Objects
  15. Javascript recursive array flattening
  16. How to free up the memory in JavaScript
  17. Remove duplicate objects from an array using javascript
  18. Trying to capitalize the first character in array of strings, why this is not working?
  19. How can I use optional chaining with arrays and functions?
  20. Removing undefined values from Array
  21. How to remove duplicates from a two-dimensional array? [closed]
  22. Javascript – sorting array by multiple criteria
  23. spread operator vs array.concat()
  24. How to get an Array with jQuery, multiple with the same name
  25. How can I loop through enum values for display in radio buttons? [duplicate]
  26. JavaScript foreach loop on an associative array object
  27. Why can’t I check if an array is empty with array == []?
  28. javascript – find unique objects in array based on multiple properties
  29. How do I get the last 5 elements, excluding the first element from an array?
  30. JavaScript is in array [duplicate]

Leave a Comment