Javascript Array sort() does not sort array of strings correctly [duplicate]

Question

I have the following JavaScript code:

   const ary = ["Kevin", "brandy", "Andrew"];
   const nary = ary.sort();
   console.log(nary);

I expected the output of the above code to be ["Andrew","brandy", "Kevin"] i.e according to the dictionary ordering of words.

But in the console I get the output:

    ["Andrew","Kevin","brandy"]

When I switched the b in "brandy" to uppercase B, and ran the code again,

     const ary = ["Kevin", "Brandy", "Andrew"];
     const nary = ary.sort();
     console.log(nary);

the output came as expected:

["Andrew","Brandy","Kevin"]

i.e according to the dictionary ordering of words.

That means the sorting priority is given to words whose starting letter is uppercase, and then words with lowercase starting letter are sorted.

My questions are:

Why does this happen in JavaScript?
How can I sort the strings array ["Kevin", "brandy", "Andrew"] according to the dictionary ordering of words using sort() function?

Input code:

   const ary = ["Kevin", "brandy", "Andrew"];
   const nary = ary.sort();
   console.log(nary);   

Console Output: 
   ["Andrew","Kevin","brandy"]

I want the Output as:

   ["Andrew","brandy", "Kevin"]

This question has several answers already, one candidate here stackoverflow.com/questions/8996963/… — visibleman
– visibleman, Commented Jan 18, 2019 at 7:42
For your point 1 type "a" > "B" in the console. or "a".codePointAt(0) & "B".codePointAt(0) — Kaiido
– Kaiido, Commented Jan 18, 2019 at 7:43

brk · Accepted Answer · 2019-01-18 07:51:42Z

14

It is because when there is no callback function supplied the elements are sorted after converted to UTF-16 code units. In your case it may be the reason that the utf converted string for Kelvin is before brandy so it is sorting in that order.

Use localeCompare

const ary = ["Kevin", "brandy", "Andrew"];
const nary = ary.sort(function(a, b) {
  return a.localeCompare(b)

});
console.log(nary);

edited Jan 18, 2019 at 7:51

answered Jan 18, 2019 at 7:40

brk

50.3k10 gold badges59 silver badges85 bronze badges

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

Comments

Sudhir Ojha · Accepted Answer · 2019-01-18 07:44:59Z

5

One liner answer is localeCompare()

const ary = ["Kevin", "brandy", "Andrew"];
ary.sort(function (a, b) {
    return a.toLowerCase().localeCompare(b.toLowerCase());
});
console.log(ary);

answered Jan 18, 2019 at 7:44

Sudhir Ojha

3,3053 gold badges16 silver badges28 bronze badges

Comments

Black Mamba · Accepted Answer · 2019-01-18 07:48:22Z

3

Just convert the keys to lowerCase first so that the keys become case Insensitive. And the reason why this happens is because of the way Javascript compares ie.['a'< 'A'], you can use Local compare. To compare based on browser settings.

let arr = ["Andrew","brandy", "Kevin"];
let sorted = arr.sort((a,b) => {
 a.toLowerCase() > b.toLowerCase();
})
console.log(sorted);

edited Jan 18, 2019 at 7:48

answered Jan 18, 2019 at 7:42

Black Mamba

15.8k7 gold badges94 silver badges113 bronze badges

Collectives™ on Stack Overflow

Javascript Array sort() does not sort array of strings correctly [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related