How to sort an associative array by its values in Javascript?

by

Javascript doesn’t have “associative arrays” the way you’re thinking of them. Instead, you simply have the ability to set object properties using array-like syntax (as in your example), plus the ability to iterate over an object’s properties.

The upshot of this is that there is no guarantee as to the order in which you iterate over the properties, so there is nothing like a sort for them. Instead, you’ll need to convert your object properties into a “true” array (which does guarantee order). Here’s a code snippet for converting an object into an array of two-tuples (two-element arrays), sorting it as you describe, then iterating over it:

var tuples = [];

for (var key in obj) tuples.push([key, obj[key]]);

tuples.sort(function(a, b) {
    a = a[1];
    b = b[1];

    return a < b ? -1 : (a > b ? 1 : 0);
});

for (var i = 0; i < tuples.length; i++) {
    var key = tuples[i][0];
    var value = tuples[i][1];

    // do something with key and value
}

You may find it more natural to wrap this in a function which takes a callback:

function bySortedValue(obj, callback, context) {
  var tuples = [];

  for (var key in obj) tuples.push([key, obj[key]]);

  tuples.sort(function(a, b) {
    return a[1] < b[1] ? 1 : a[1] > b[1] ? -1 : 0
  });

  var length = tuples.length;
  while (length--) callback.call(context, tuples[length][0], tuples[length][1]);
}

bySortedValue({
  foo: 1,
  bar: 7,
  baz: 3
}, function(key, value) {
  document.getElementById('res').innerHTML += `${key}: ${value}<br>`
});
<p id='res'>Result:<br/><br/><p>

More Related Contents:

  1. Sorting array of object based on range of Numbers of String [closed]
  2. Convert string into several integer arrays [duplicate]
  3. Sort out array of object using its value [duplicate]
  4. consider a string which has question marks, numbers , letters [closed]
  5. Sort array of objects by string property value
  6. How to sort an array of objects by multiple fields?
  7. How to sort 2 dimensional array by column value?
  8. What is the stability of the Array.sort() method in different browsers?
  9. How can I convert the “arguments” object to an array in JavaScript?
  10. How to sort array inside collection record in MongoDB?
  11. Sort an array of object by a property (with custom order, not alphabetically)
  12. Sorting objects by property values
  13. Javascript sort function. Sort by First then by Second
  14. sort Javascript array by two numeric fields
  15. How do I remove objects from a JavaScript associative array?
  16. Sort an array based on another array of integers
  17. How to sort an array based on the length of each element?
  18. Does .sort function change original array?
  19. Reordering arrays
  20. Javascript array sort and unique
  21. Remove duplicate objects from an array using javascript
  22. Is array both associative and indexed?
  23. Sort an array to have specific items first in the array
  24. Javascript – sorting array by multiple criteria
  25. Sort an array of objects by multiple properties
  26. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  27. Sort a Javascript Array by frequency and then filter repeats
  28. Why doesn’t the sort function of javascript work well?
  29. How to sort a JavaScript array of objects by nested object property?
  30. How to sort an array of objects by date?

Leave a Comment