JavaScript

Ordenar array de objetos pela data em JavaScript

20 de julho de 2021

Ordenar array de objetos pela data em JavaScript

Neste artigo você vai aprender a ordenar array de objetos pela data em JavaScript, de uma maneira super simples

Ordenar array de objetos pela data capa

Fala programador(a), beleza? Bora aprender mais sobre datas, ordenação de arrays e JavaScript!

Para ordenar um array podemos utilizar o método sort

Este método nos permite enviar uma função como argumento, para que ordenemos os itens como quisermos

Podemos então fazer uma comparação entre as duas datas utilizando getTime, um método de Date

Ele nos dá a data em milisegundos, assim fica fácil ordenar as datas

Veja um exemplo prático da utilização deste recurso:

const arr = [
	{
  	name: "Matheus",
    birthday: new Date('Mar 21 1995')
  },
  {
  	name: "João",
    birthday: new Date('Feb 05 1992')
  }
];

arr.sort(function(a,b) { 
	return a.birthday.getTime() - b.birthday.getTime() 
});

console.log(arr);

Aqui temos dois itens no array arr, o primeiro item tem uma data menor que o segundo

Para ordenar pelas datas maiores, utilizamos a função sort como descrito anteriormente

A saída do console.log é o item João ficando na primeira posição do array

Ou seja, ordenamos os itens da maior data para a menor

Conclusão

Neste artigo você aprendeu a como ordenar array de objetos pela data em JavaScript

Utilizamos a função sort em conjunto do método getTime de Date

Isso nos deu a possibilidade de ordenar as datas utilizando uma comparação simples, conforme o exemplo

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x