Neste artigo você vai aprender a como ordenar array de objetos por múltiplos campos, ou seja, várias propriedades afetam a ordenação dos itens

ordenar array de objetos por múltiplos campos capa

Fala programador(a), beleza? Bora aprender mais sobre arrays e objetos em JavaScript!

Para ordenar arrays de objetos podemos utilizar o método sort, ele se encaixa para ordenação de múltiplos campos também

O que acontece é que na maioria dos casos configuramos apenas uma comparação, que é um campo que ordena o array todo

Mas podemos também colocar uma segunda ou terceira referência

Apenas precisamos utilizar o operador de OR (||), isso faz com que a segunda comparação também seja respeitada

Veja um exemplo de código:

const sortedData = data.sort((a, b) => a.name - b.name || b.age - a.age);

No caso acima estamos ordenando um array de objetos que possui as propriedades age e name

Primeiramente ordenamos por name e depois por age

Você precisa mudar os valores das propriedades e nome da variável original para atender o seu projeto

E pronto, o seu array estará organizado por mais de uma propriedade

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você aprendeu a como ordenar array de objetos por múltiplos campos

Utilizamos o método sort, que é um método de organização de arrays

Para adicionar uma segunda comparação apenas precisamos adicionar um OR ( || ), que a segunda também será considerada

A primeira comparação, da esquerda, terá a relevância principal e depois as demais serão consideradas para organizar o array da maneira que você precisa

Conseguimos resolver este problema com apenas uma linha de código, basta você alterar os valores para os do seu projeto

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments