Почему разная сортировка в JS?

Question

[Artem0071]

Есть массив где числа - это числа:

const str = ['A', 'C', 'B', 10, 1, 'E', 3, 'D', 5, 2, 4]

И сортировка:
str.sort((a, b) => a > b ? 1 : -1)

И есть массив где числа - это строки:

const str1 = ['A', 'C', 'B', '10', '1', 'E', '3', 'D', '5', '2', '4']

И сортировка:

str1.map(a => Number.isInteger(+a) ? +a : a).sort((a, b) => a > b ? 1 : -1)

При этом в первом варианте у нас сначала цифры потом буквы, во втором сначала буквы и потом цифры
Думал что это изза того что делается +a и там какой то другой тип, но +'1' === 1

Answer 1

[Lynn «Кофеман»]

Потому что у вас нестабильная сортировка

> (1>'A')
false
> ('A'>1)
false

Или вот

> str.sort((a, b) => a > b ? 1 : -1)
[
  'A', 'B', 'C', 'D', 'E',
  1,   2,   3,   4,   5,
  10
]
> str.sort((a, b) => a > b ? 1 : -1)
[
  1,   2,   3,   4,   5,
  10,  'A', 'B', 'C', 'D',
  'E'
]

Comments

[Artem0071]

А как можно избавиться от этого?

[Lynn «Кофеман»]

Artem0071, написать нормальную функцию сравнения