Sort an array of object by a property (with custom order, not alphabetically)

by

You could take an object for the wanted order.

var array = [{ code: "RED", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }],
    order = { GREEN: 1, BLUE: 2, RED: 3 };
    
array.sort(function (a, b) {
    return order[a.code] - order[b.code];
});

console.log(array);
.as-console-wrapper { max-height: 100% !important; top: 0; }

For unknow colors/values, you could use a default value with

  • 0, for sorting to top or
  • Infinity or as some suggest because of the ability for caculating Number.MAX_VALUE for sorting to the end,
  • or any other value for sorting inbetween the other groups.

At last you could sort the special treated items with an other sorting part, chained with logical OR ||.

var array = [{ code: "YELLOW", value: 0 }, { code: "BLACK", value: 0 }, { code: "RED", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }],
    order = { GREEN: 1, BLUE: 2, RED: 3, default: Infinity };
    
array.sort(function (a, b) {
    return (order[a.code] || order.default) - (order[b.code] || order.default) || a.code.localeCompare(b.code);
});

console.log(array);
.as-console-wrapper { max-height: 100% !important; top: 0; }

More Related Contents:

  1. Sort out array of object using its value [duplicate]
  2. consider a string which has question marks, numbers , letters [closed]
  3. How to sort an array of integers correctly
  4. How to sort an array of objects by multiple fields?
  5. Javascript Array.sort implementation?
  6. What is the stability of the Array.sort() method in different browsers?
  7. How can I convert the “arguments” object to an array in JavaScript?
  8. Sorting an array of objects by property values
  9. Sort mixed alpha/numeric array
  10. Sorting arrays numerically by object property value
  11. How to sort numbers correctly with Array.sort()? [duplicate]
  12. How do I sort an array of objects based on the ordering of another array?
  13. Javascript sort function. Sort by First then by Second
  14. sort Javascript array by two numeric fields
  15. Sort Array by ISO 8601 date
  16. How can you sort an array without mutating the original array?
  17. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  18. Javascript – Sort Array of objects by 2 Properties
  19. Does .sort function change original array?
  20. Remove duplicate objects from an array using javascript
  21. Populate nested object from array?
  22. Sort an array to have specific items first in the array
  23. Javascript – sorting array by multiple criteria
  24. Sort an array of objects by multiple properties
  25. use Lodash to sort array of object by value
  26. Sort a Javascript Array by frequency and then filter repeats
  27. sorting object Sunday to Saturday in javascript
  28. Why doesn’t the sort function of javascript work well?
  29. How does one sort a multi dimensional array by multiple columns in JavaScript?
  30. How to sort a JavaScript array of objects by nested object property?

Leave a Comment