Sort JavaScript array of Objects based on one of the object’s properties [duplicate]

by

There are 2 basic ways:

var arr = [{name:"ABC"},{name:"BAC"},{name:"abc"},{name:"bac"}];

arr.sort(function(a,b){
  var alc = a.name.toLowerCase(), blc = b.name.toLowerCase();
  return alc > blc ? 1 : alc < blc ? -1 : 0;
 });

or

arr.sort(function(a,b){
  return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
 });

Be aware that the 2nd version ignore diacritics, so a and à will be sorted as the same letter.

Now the problem with both these ways is that they will not sort uppercase ABC before lowercase abc, since it will treat them as the same.

To fix that, you will have to do it like this:

arr.sort(function(a,b){
  var alc = a.name.toLowerCase(), blc = b.name.toLowerCase();
  return alc > blc ? 1 : alc < blc ? -1 : a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
});

Again here you could choose to use localeCompare instead if you don’t want diacritics to affect the sorting like this:

arr.sort(function(a,b){
  var lccomp = a.name.toLowerCase().localeCompare(b.name.toLowerCase());
  return lccomp ? lccomp : a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
});

You can read more about sort here: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/sort

More Related Contents:

  1. How does this code call id with html?
  2. What’s the difference between event.stopPropagation and event.preventDefault?
  3. How can I unset a JavaScript variable?
  4. Is it possible to send a variable number of arguments to a JavaScript function?
  5. Cross browser JavaScript (not jQuery…) scroll to top animation
  6. How do I upload a file with the JS fetch API?
  7. How to create a dialog with “Ok” and “Cancel” options
  8. How to show progress bar while loading, using ajax
  9. Console returns undefined [duplicate]
  10. How to use jQuery in AngularJS
  11. Server Side Calculation using Firebase
  12. Download Canvas as PNG in fabric.js giving network Error
  13. What events does an fire when its value is changed?
  14. Discord.js Bot Welcomes Member, Assign a Role and send them a DM
  15. What’s the difference between putting script in head and body?
  16. Calculate working days between two dates in Javascript excepts holidays
  17. Can’t resolve module (not found) in React.js
  18. Highcharts percentage of total for simple bar chart
  19. What is the difference between if(!!condition) and if(condition)
  20. (*SKIP)(*FAIL) workaround in JavaScript RegExp
  21. Convert JavaScript String to be all lowercase
  22. How to create a custom input type?
  23. Why I am not getting warnings about StrictNullChecks in typescript
  24. How can I dynamically highlight strings on a web page?
  25. Why is “forEach not a function” for this object?
  26. How do I manipulate the SVG DOM and create elements?
  27. Automatically scroll down chat div
  28. How to return an array from an AJAX call?
  29. How to bind both Mousedown and Touchstart, but not respond to both? Android, JQuery
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment