how to sort array which contains numbers? [duplicate]

Question

I am trying to sort an array.

Ex-

let arr = [{label: "Name 5"}, {label: "Name 3"},{label: "Name 12"}, {label: "Name 10"}, {label: "First Name 5"}, {label: "Apple"}, {label: "Orange"}, {label: "water"}];


let sortedArray = arr.sort(function(a, b){
 return a.label.localeCompare(b.label);
});

console.log(sortedArray);

When I try to sort it, "Name 10" comes first but "Name 3" should come fist.

I have also tried this -

let sortedArray = arr.sort(function(a, b){
  var nameA=a.label.toLowerCase(), nameB=b.label.toLowerCase();
    if (nameA < nameB){
      return -1;
    } //sort string ascending
    if (nameA > nameB){
      return 1;
    }
   return 0; //no sorting
});

And this -

Array.prototype.reverse()
String.prototype.localeCompare()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

But still no luck. Can anyone point out whats wrong here?

Sync · Accepted Answer · 2017-12-19 09:51:19Z

11

Why is it not working?

You are sorting strings and the default sorting is lexicographical order. What you are looking for is sorting by natural order.

Proposed solution

You could use the options of String#localeCompare for natural sorting.

let arr = [{label: "Name 5"}, {label: "Name 3"},{label: "Name 12"}, {label: "Name 10"}, {label: "First Name 5"}, {label: "Apple"}, {label: "Orange"}, {label: "water"}];

arr.sort(function(a, b) {
   return a.label.localeCompare(b.label, undefined, { numeric: true, sensitivity: 'base' });
});

console.log(arr);

edited Dec 19, 2017 at 9:51

Sync

3,81725 silver badges31 bronze badges

answered Dec 19, 2017 at 9:37

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Joomler Over a year ago

man that worked like charm. And I was missing localeCompare parameters. thanks for the help :)

Salman Arshad Over a year ago

The locales and options parameters require modern browser.

user1063287 Over a year ago

How to compare date/time as strings, for example: 13_08_2018_2115 (a time in August) and 26_07_2018_1633 (a time in July). For descending view, I am using reviews.sort(function(a, b) { return b.date.localeCompare(a.date, undefined, { numeric: true }) }), but the July entry is before the August entry.

Nina Scholz Over a year ago

you could convert the data to an ISO 8601 compliant string and compare it like a string.

user1063287 Over a year ago

Thanks @NinaScholz , I ended up changing my app's convention (for the better) and storing date/time in MongoDB like this new Date().toISOString(), and then the standard localeCompare on the value works as desired. And then I format when displaying using the awesome date-fns: date-fns.org/v1.29.0/docs/format.

|

Shubham · Accepted Answer · 2017-12-19 09:38:50Z

1

let arr = [{label: "Name 5"}, {label: "Name 3"},{label: "Name 12"}, {label: "Name 10"}, {label: "First Name 5"}, {label: "Apple"}, {label: "Orange"}, {label: "water"}];

arr.sort(function(a, b) {
  var nameA = a.label.toUpperCase(); // ignore upper and lowercase
  var nameB = b.label.toUpperCase(); // ignore upper and lowercase
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }

  // names must be equal
  return 0;
});

console.log(arr);

answered Dec 19, 2017 at 9:38

Shubham

1,7933 gold badges18 silver badges37 bronze badges

Comments

Yonatan Naor · Accepted Answer · 2017-12-19 09:39:33Z

1

There is a problem with your dataset.

You are sorting based on the label value which is a string. Strings are always sorted in a lexicographical order. If you would like "Name 3" to come before "Name 10" you can either use "Name 03" or better yet add another numerical attribute that will be used for sorting e.g.

{label: "Name 3", order: 3}

answered Dec 19, 2017 at 9:39

Yonatan Naor

1,57521 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to sort array which contains numbers? [duplicate]

3 Answers 3

Why is it not working?

Proposed solution

7 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Why is it not working?

Proposed solution

7 Comments

Comments

Comments

Linked

Related