O problema é a ordenação lexicográfica, que ocorre ao se utilizar os operadores relacionais com strings.
Vejamos para o caso em que a
seria 12/2021
e b
seria 5/2021
. Você teria um aa
definido como 2021,12
e 2021,5
(resultado da reversão e junção, que por padrão utiliza a vírgula como separador).
Ao comparar o prefixo comum, "2021,"
, temos uma igualdade. O problema ocorre quando vai comparar as strings "12"
e "5"
. Numericamente falando, 12 é maior que 5, mas a string "12"
é menor do que "5"
. Veja:
console.log("12" < "5"); // true
Isso acontece porque a comparação de strings é feita caractere a caractere, seguindo a ordem lexicográfica. Portanto, uma forma de resolver é garantir que os meses antes de outubro sejam prefixados com "0"
, assim:
const uniqueDates = ['5/2021', '9/2021', '12/2021', '8/2021'];
function formatYearMonthPad(dateStr) {
return dateStr.split('/')
.reverse()
.map((part) => part.padStart(2, '0'))
.join();
}
uniqueDates.sort(function(a, b) {
const aa = formatYearMonthPad(a);
const bb = formatYearMonthPad(b);
return aa < bb ? -1 : (aa > bb ? 1 : 0);
});
console.log(uniqueDates);
Veja que agora não comparamos mais "12"
com "5"
, mas sim "12"
com "05"
. A comparação lexicográfica torna-se, então, fidedigna ao numeral correspondente.
Uma outra maneira seria construir uma nova instância de Date
passando somente mês e ano pelo construtor e comparar o retorno de getTime
, assim:
const uniqueDates = ['5/2021', '9/2021', '12/2021', '8/2021'];
function extractYearAndMonthIndex(dateStr) {
const [m, y] = dateStr.split('/').map((x) => parseInt(x, 10));
return [y, m - 1];
}
uniqueDates.sort(function(a, b) {
const aa = extractYearAndMonthIndex(a);
const bb = extractYearAndMonthIndex(b);
return new Date(...aa).getTime() - new Date(...bb).getTime();
});
console.log(uniqueDates);
Veja na documentação que o construtor new Date
aceita vários formatos como input. Nesse caso, utilizamos somente o ano e índice do mês como argumentos.
No entanto, eu acho a comparação lexicográfica mais simples.