O sort() ordena os elementos de um array. Essa ordenação é de acordo com a tabela de código unicode.
Sintaxe arr.sort([funcaoComparar])
Se funcaoComparar
não for informada, os elementos serão ordenados de acordo com a sua conversão para texto.
Exemplo: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].sort()
resultado [1, 10, 2, 3, 4, 5, 6, 7, 8, 9]
“10” veio antes do “2” porque “1”, que é o primeiro caractere de “10”, vem antes do “2”
No seu caso trata-se de ordenação por números
Quando o parâmetro funcaoComparar
é informado, o array será ordenado de acordo com o seu valor de retorno.
Tipos de retorno:
se a comparação for menor que zero, a é posicionado antes de b
se a comparação for maior que zero, a é posicionado depois de b
se a comparação for igual a zero, a e b permanecem com as posições inalteradas
Exemplo
var arr = [5, 3, 1, 4, 2];
console.log('Array original:', arr);
arr.sort(function(a, b) {
return a - b;
});
console.log('Array ordenado:', arr);
O que acontece é que o sort() pega o array original, compara dois valores e os muda de posição de acordo com essa comparação, logo em seguida ele pega novamente dois valores e os compara pra rearranjá-los de novo, e faz isso até que todo o array esteja ordenado.
Pegando o exemplo acima, onde usamos a - b, a ordenação acontece da seguinte forma: se o primeiro elemento comparado, no caso a, for maior que b, a subtração a - b resulta em um valor maior que zero, então a é posicionado depois de b (de acordo com as regras). Essa mesma lógica aplicada repetidamente no array, que está sendo modificado, faz que com que os valores maiores sejam posicionados mais ao fim do array, ou seja, faz a ordenação em ordem crescente!
var arr = [5, 3, 1, 4, 2];
compare(5,3); // retorna 2, 3 é posicionado na frente de 5
[3, 5, 1, 4, 2]
compare(3,1) // retorna 2, 1 é posicionado na frente de 3
[1, 3, 5, 4, 2]
compare(1,4) // retorna -3, nada muda
compare(1,2) // retorna -1, 3, nada muda
compare(3,5) retorna -2 e compare(3,4) retorna -1 nada muda
compare(3,2) // retorna 1, 2 na frente de 3
[1, 2, 3, 5, 4]
compare(5,4) // retorna 1, 4 na frente de 5
[1, 2, 3, 4, 5]
A mesma lógica se aplica para ordenação decrescente, b - a, só que agora com os valores trocados de lugar faz com que a ordenação seja ao contrário da anterior
Exemplo
var arr = [5, 3, 1, 4, 2];
console.log('Array original:', arr);
arr.sort(function(a, b) {
return b - a;
});
console.log('Array ordenado:', arr);
mais sobre "Como o método sort() funciona"