Qual é o operador in em JavaScript?

Sempre que você estiver lidando com objetos ou dicionários JavaScript, você sempre terá que lidar com a pesquisa dos registros específicos desse objeto ou coleção. Às vezes, você precisará acessar o atributo específico e usá -lo em algum lugar para exibi -los na interface do usuário ou no lado do front -end.

Portanto, estamos usando o JavaScript, por isso ficou tão fácil alcançar essa funcionalidade, pois o JavaScript nos fornece o operador "in", que é bastante útil nisso e podemos alcançar a mesma funcionalidade apenas usando esse operador "in" onde queremos isso em Nosso código JavaScript.

Vamos dar uma olhada em como esse operador funciona e como podemos usá -lo facilmente para obter os valores ou atributos específicos de uma matriz ou objeto em JavaScript.

Qual é o objeto de operador "in"?

O operador In é um operador de utilitário em JavaScript que é usado para verificar se uma propriedade ou um atributo existe na matriz específica ou em um objeto JavaScript ou não. Sua resposta é booleana, o que significa que ele retornará verdadeiro se a pesquisa foi bem -sucedida e um elemento foi encontrado no objeto, caso contrário, retornará falsa se esse elemento específico não existir na coleção.

Aqui nesta redação, vamos ver como o operador 'in' funciona e como podemos utilizar facilmente esse operador para testar nossa funcionalidade necessária.

Neste tutorial, assumimos que você tem um entendimento básico do que exatamente os objetos JavaScript são e como podemos criar facilmente nossos próprios objetos em JavaScript e conhecimento básico de como a herança funciona. Porque, o operador "in" também nos ajuda a encontrar algum método ou objeto em alguma classe. Abordaremos alguns princípios básicos no procedimento a seguir, mas ainda recomendamos ter um conhecimento de herança para entender os conceitos adicionais “no” operador.

Quando você deve usar o operador 'no'?

O operador JavaScript "IN" também pode ser usado para verificar se há uma função ou um método anexado à instância de alguma classe, o que significa que sempre que você precisar verificar esses casos, você optou por usar o “em”A abordagem do operador, pois é uma cadeia de protótipos e pode facilmente fornecer os resultados necessários.

A cadeia de protótipos JavaScript é como objetos e instâncias de objetos obtêm acesso a atributos e funções que não são suas próprias. A propriedade __proto__ permite acessar propriedades e métodos definidos nos construtores ou protótipos desses objetos.

Vamos dar um exemplo de como o operador no código funciona no código e como podemos usá -lo facilmente em nosso código para ter a funcionalidade desejada.

Exemplo

Para determinar se um item tem um determinado atributo ou não.

Const Pessoa =
Nome: 'Johndoe',
Idade: 21,
Telefone: '123456789',
Iniciar: () =>
console.log ('nome $ this.nome, idade $ this.idade e telefone é $ this.telefone');


console.log ('nome' pessoalmente)
console.log ('start' pessoalmente)
console.log ('johndoe' pessoalmente)

Aqui no código acima, simplesmente criamos uma matriz de pessoas que contém algumas propriedades como nome, idade, telefone e um método que registra uma mensagem com as informações de alguma pessoa no terminal.

Mais tarde, verificamos algumas das propriedades de que, se elas existirem no objeto usando o operador em. O primeiro console retornará verdadeiro como o nome é uma propriedade que existe no objeto de pessoa acima, enquanto o começar também é um objeto de propriedade pessoalmente.

Mas o último console.O log não vai retornar verdadeiro, em vez de retornar falso como o johndoe não é uma propriedade no objeto de pessoa, é o valor contra o nome propriedade no objeto, portanto, é esse o motivo de não retornar johndoe.

Você pode dar uma olhada na tela de saída abaixo para verificação também.

Saída

JavaScript no operador para verificar se a matriz está usando uma chave ou o índice para seus valores

JavaScript "em”O operador também pode trabalhar com matrizes também. Até agora, discutimos e implementamos o exemplo com os objetos, mas ele se comporta quase o mesmo com as matrizes também. Em JavaScript, a matriz é o protótipo ou a instância de um objeto ou, em outras palavras, você pode considerar tudo em JavaScript como a instância do objeto.

Isso pode parecer estranho, mas vamos testá -lo com um aplicativo simples no console do navegador.

Exemplo

Para começar, crie uma matriz e use a instância do operador para ver se é uma instância do tipo de objeto:

const array = [1, 2, 3, 4];
console.log (instância de matriz de objeto) // retorna true

Aqui no exemplo acima, criamos uma matriz e depois mais tarde no console.Log, verificamos se essa é a instância do objeto ou não.

Dê uma olhada na saída seguinte

Saída:

Um conjunto de atributos aparecerá, um dos quais é __proto__, que se vincula à matriz. Também podemos abri -lo e prosseguir pela lista até encontrarmos outra propriedade __proto__ com o objeto Valor.

Agora vamos voltar ao operador novamente e testar este operador com a matriz JavaScript:

const array = [1, 2, 3, 4];
console.log ('sim 3 está na matriz:', 3 em matriz)
console.log ('sim 2 está na matriz:', 2 em matriz)
console.log ('filtro' na matriz)

Aqui no código acima, criamos uma matriz com os valores 1,2,3 e 4 e testamos os valores usando no operador, se eles estão existindo na matriz ou não.

Saída

Depois, obtivemos todas as respostas verdadeiras e impressas na tela de saída, porque todos os valores que estamos verificando existem na coleção de matrizes.

Conclusão:

O operador "in" de JavaScript é usado para verificar se uma propriedade específica existe em um objeto ou não. O operador "in" responde com um valor booleano, o que significa que ele retorna verdadeiro se o valor existir no objeto e falso se esse valor específico não estiver presente. Neste artigo, vimos o funcionamento do operador em objetos e matrizes e discutimos alguns de seus exemplos em detalhes.