JavaScript

Verificar se um array contém o elemento de outro array em JavaScript

11 de novembro de 2021

Verificar se um array contém o elemento de outro array em JavaScript

Neste artigo você vai aprender a verificar se um array contém o elemento de outro array em JavaScript, com uma única e super simples função

verificar se um array contém o elemento de outro array em JavaScript capa

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

Para resolver o nosso problema, vamos utilizar o método some

Que vai fazer um loop em cada um dos itens de um determinado array

Este método permite que adicionemos uma função anônima, que será nossa validação

Essa função vai checar se algum elemento do array 1 está no array 2, por meio do método includes

Nosso código final será esse:

const a1 = [1, 2, 3, 4, 5]
const a2 = [100, 200, 300, 4]

const isInArray = a1.some(el => a2.includes(el))

console.log(isInArray)

Nossa variável isInArray retorna true ou false, dependendo se o elemento está ou não no outro array

Aqui temos um elemento presente nos dois, o número 4, então recebemos true

Se você deseja saber qual é este elemento, o código é este:

const witchElement = a1.some(el => {
   if(a2.includes(el)) {
	console.log(el)
    return el
  }
})

Agora você consegue identificar qual o elemento que está presente em ambos os arrays

Note que aqui utilizamos arrow function, se você deseja saber mais sobre: clique aqui

Conclusão

No artigo de hoje você aprendeu a como verificar se um array contém o elemento de outro

Utilizamos o método some, para checar algo em todos os elementos

E depois o includes para verificar se algum destes elementos bate no outro array, assim recebendo uma resposta de true ou false

Também criamos a possibilidade de checar qual o elemento em comum, fazendo uma estrutura condicional de if no elemento que está incluso no outro array

Podemos imprimir ele ou retornar com a instrução return

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
()
x