Como ordenar um Array utilizando a função SORT do JS

Introdução à função Sort do Javascript

Iremos abordar aqui a como ordenar um array com o uso da função sort() que em JavaScript é usado para classificar os elementos de um array em ordem crescente ou decrescente. Quando aplicado a um array, ele modifica o próprio array e retorna o array ordenado. A sintaxe básica da funçãosort() é:

array.sort([funcaoDeComparacao])

O parâmetro opcional funcaoDeComparacao é usada para definir a ordem de classificação dos elementos do array. Se funcaoDeComparacao não for fornecida, o método sort() classificará os elementos em ordem alfabética.

A função de comparação recebe dois elementos do array como argumentos e retorna um número negativo se o primeiro elemento deve ser classificado antes do segundo, um número positivo se o segundo elemento deve ser classificado antes do primeiro e 0 se os dois elementos são iguais.

Para que fique mais claro e utilizando um exemplo simples na prática, para classificar um array de números em ordem crescente, podemos usar a seguinte função de comparação:

function compararNumeros(a, b) {
  return a - b;
}

Então, para classificar o array em ordem crescente, basta chamar o método sort() passando essa função como argumento:

let numeros = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
numeros.sort(compararNumeros);
console.log(numeros); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

Note que o método sort() modificou o array original. Se não quisermos modificar o array original, podemos criar uma cópia antes de classificá-lo:

let numeros = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
let numerosOrdenados = numeros.slice().sort(compararNumeros);
console.log(numeros); // [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]
console.log(numerosOrdenados); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

Além de poder ordenar valores considerados primitivos, podemos também utilizá-lo para ordenação de array de objetos, por exemplo, suponha que temos este array de objetos chamado pessoas, onde cada objeto representa uma pessoa e possui duas propriedades: nome e idade.

let pessoas = [
  { nome: 'João', idade: 30 },
  { nome: 'Maria', idade: 25 },
  { nome: 'Pedro', idade: 40 },
  { nome: 'Ana', idade: 20 }
];

Para classificar este array em ordem crescente de idade, podemos usar o método sort() da seguinte forma:

pessoas.sort((pessoa1, pessoa2) => pessoa1.idade - pessoa2.idade);

Este código ordenará o array de pessoas em ordem crescente de idade, ou seja, as pessoas mais jovens aparecerão primeiro na lista.

Se quisermos ordenar o array em ordem alfabética de nome, podemos usar o seguinte código:

pessoas.sort((pessoa1, pessoa2) => pessoa1.nome.localeCompare(pessoa2.nome));

Este código ordenará o array de pessoas em ordem alfabética de nome, ou seja, as pessoas serão listadas em ordem alfabética pelo nome delas.

Em resumo, para classificar um array de objetos em JavaScript, basta passar uma função de comparação personalizada como argumento do método sort(). A função de comparação deve comparar as propriedades relevantes dos objetos e retornar um valor que indica qual objeto deve ser colocado primeiro na lista ordenada.

Vantagens e desvantagens no uso da função Sort

Algumas vantagens do método sort() em JavaScript são:

• Facilidade de uso: o método sort() é fácil de usar e pode ser aplicado a arrays de diferentes tipos de dados, como números, strings e objetos.
• Flexibilidade: o método sort() permite que o usuário especifique uma função de comparação personalizada para classificar os elementos do array de acordo com critérios específicos.
• Eficiência: o método sort() é implementado de forma eficiente e é capaz de classificar grandes arrays em um tempo razoável.

Algumas desvantagens do método sort() em JavaScript são:

• Comportamento inconsistente: o método sort() classifica os elementos em ordem alfabética por padrão, o que pode levar a resultados inesperados quando usado com arrays de tipos de dados mistos.
• Modificação do array original: o método sort() modifica o próprio array em que é aplicado, o que pode ser problemático se o array original precisar ser preservado.
• Função de comparação complexa: a criação de uma função de comparação personalizada pode ser complexa e pode exigir um conhecimento avançado de JavaScript.
• Ordenação instável: o método sort() pode produzir uma ordenação instável em alguns casos, o que significa que elementos que têm o mesmo valor de classificação podem não manter a ordem relativa original.

Para ordenação de valores vindos da API é uma boa abordagem o uso do Sort?

A escolha entre classificar os valores de uma API em uma query ou no cliente com o método sort() do JavaScript depende do contexto de uso e dos requisitos específicos do projeto.

Se a quantidade de dados retornados pela API é grande e a classificação precisa ser aplicada a uma grande quantidade de dados, é geralmente mais eficiente ordenar os valores na query da API, pois isso reduzirá a quantidade de dados a serem transmitidos e processados pelo cliente.

No entanto, se a quantidade de dados retornados pela API for relativamente pequena ou se a classificação precisar ser personalizada com base em lógica de negócios ou preferências do usuário, pode ser mais adequado classificar os valores no cliente com o método sort() do JavaScript. Nesse caso, é importante avaliar a eficiência do algoritmo sort() em relação ao tamanho dos dados a serem classificados e levar em consideração a necessidade de preservar o array original ou não.

Em resumo, não há uma abordagem única para classificar valores de API, e a escolha entre ordenação na query ou no cliente dependerá das necessidades específicas do projeto, incluindo o tamanho dos dados, a personalização da classificação e a eficiência da implementação.