JavaScript

Como comparar arrays em JavaScript

6 de junho de 2021

Como comparar arrays em JavaScript

Neste artigo você vai aprender a como comparar arrays em JavaScript puro, de uma maneira simples e intuitiva

comparar arrays em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre arrays e também sobre a linguagem JavaScript!

Para realizar esta comparação, primeiramente vamos verificar a quantidade de elementos em cada um dos arrays

Isso já faz com que não seja necessário realizar um processamento maior de verificação de itens, caso o tamanho não seja idêntico

Podemos comparar a quantidade de itens com length

Além disso, vamos utilizar a função every para checar cada item do array, se é igual o item de um outro array

Veja um exemplo prático do que foi explicado acima:

function compareArrays(a1, a2) {
	return a1.length === a2.length && a1.every((value, index) => value === a2[index]);
}

console.log(compareArrays([1,2,3], [1,2])); // false
console.log(compareArrays([1,4,5], [1,5,4])); // false
console.log(compareArrays([1,2,3], [1,2,3])); // true

Criamos uma função para reaproveitar sua lógica ao longo do software, a função recebe dois arrays como parâmetro

Veja que a primeira checagem é com o tamanho do array, ou seja, length

E depois verificamos cada item com a função every, checando se o mesmo corresponde ao item do segundo array

Obteremos o resultado de true apenas se os dois arrays forem idênticos

Conclusão

Neste artigo você aprendeu a como comparar arrays em JavaScript

Primeiramente comparamos a quantidade de elementos com length

E por fim cada um dos elementos foram verificados com a função every

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