Métodos para acessar propriedades JavaScript

No JavaScript, um objeto pode ser definido como uma coleção de propriedades não ordenadas associadas a ele. Ele também oferece três métodos diferentes para acessar as propriedades do objeto, todas úteis e podem ser usadas em combinação. Os métodos de que estamos falando são DOT ACESSOR DE PROPRIEDADE, Acessor da propriedade quadrada, e Destruição de objetos.

Este guia discutirá os métodos especificados para acessar as propriedades do objeto JavaScript. Além disso, também demonstraremos a sintaxe, o uso e os exemplos relacionados ao acessador de propriedades do DOT, ao acessador de propriedades quadradas e aos métodos de destruição de objetos. Então vamos começar!

Acessor de propriedades para DOT para propriedades JavaScript

O primeiro e o método mais comum de acessar as propriedades JavaScript de um objeto é usar o acessador da propriedade DOT. Este método é utilizado apenas para acessar os identificadores válidos do objeto declarado.

A sintaxe do acessador de propriedades DOT é dada abaixo:

ObjectName.nome da propriedade

Aqui, você pode adicionar o “ObjectName" e "nome da propriedade”Do objeto criado que você deseja acessar.

Exemplo: Usando a propriedade DOT para acessar propriedades JavaScript

Vamos criar um “funcionário”Objeta e defina seu“nome" propriedade.

const funcionário =
Nome: 'John'
;

Depois disso, você pode acessar a propriedade adicionada escrevendo o código a seguir na janela do console:

funcionário.nome;

No código acima, o acessador de propriedades DOT acessará o “nome"Propriedade do"funcionário”Javascript Object:

Acessando identificadores válidos e inválidos para propriedades JavaScript

Quando você especifica o nome da propriedade como um Identificador válido, o acessador de propriedades dot funciona corretamente. Em JavaScript, um identificador válido compreende dígitos (0-9), caracteres especiais ($, _), e Cartas Unicode. No entanto, às vezes as propriedades adicionadas não são identificadores válidos.

Por exemplo, no código abaixo do rico, o “Nome-1" e "5”São os identificadores inválidos, portanto o acessador de propriedades do DOT não operará executar sua funcionalidade no código fornecido:

const funcionário =
'Nome-1': 'John',
'5': 'cinco'
;
funcionário.nome-1;
funcionário.5;

Aqui, ambos “funcionário”As propriedades do objeto são identificadores inválidos como o“Nome-1"Contém"-"e a outra propriedade inicia o número"5,”, Que é uma indicação para o identificador inválido:

O JavaScript também oferece soluções para cada problema encontrado, incluindo o uso de identificadores inválidos. Se você adicionou as propriedades para o seu objeto com nomes únicos, pode utilizar o Acessor da propriedade quadrada Para acessar essas propriedades.

Acessor de propriedades quadradas para propriedades JavaScript

O acessador da propriedade Square é usado para acessar as propriedades do objeto que você não pode acessar com o acessador de propriedades DOT. É usado principalmente para acessar o identificador inválido e as propriedades do objeto da matriz.

Confira a sintaxe do acessador da propriedade Square para acessar as propriedades do objeto JavaScript:

ObjectName [PropertyName]

Aqui, você tem que especificar o “ObjectName”E sua propriedade relacionada no“nome da propriedade”Que você deseja acessar.

Exemplo: Usando suportes quadrados para acessar propriedades JavaScript

Agora, vamos acessar o “Nome-1" e "5Identificadores inválidos com a ajuda dos acessores de colchetes:

const funcionário =
'Nome-1': 'John',
'5': 'cinco'
;
console.log (funcionário ['nome-1']);
console.log (funcionário [5]);

A produção abaixo do rumo declara que acessamos com sucesso o “Nome-1" e "5”Propriedades JavaScript de nossa“funcionário”Objeto:

Método de destruição de objetos para acessar as propriedades JavaScript

No método de destruição de objetos, a atribuição de destruição permite atribuir propriedades relacionadas às variáveis ​​e matrizes do objeto. Para acessar as propriedades do objeto JavaScript usando a destruição do objeto, você deve seguir a seguinte sintaxe:

PropertyName = ObjectName

Aqui, inclua o “nome da propriedade" no "Brace Curly e depois adicione o “ObjectName”Para o objetivo da tarefa.

Exemplo: Usando o método de destruição de objetos para acessar propriedades JavaScript

Para ensinar o uso do método de destruição do objeto, primeiro, criaremos um “funcionário“Objeto com um“nome" propriedade. Depois de fazer isso, adicionaremos a linha de objeto Destructure, que é “const nome = funcionário;”. Esta destruição definirá uma variável “nome”Tendo o valor da propriedade do objeto do funcionário:

const funcionário =
Nome: 'John'
;
const nome = funcionário;
console.log (nome);

A produção abaixo do rumo declara que acessamos com sucesso o “nome”Propriedade da nossa“funcionário”Javascript Object com a ajuda do método de destruição de objetos:

Conclusão

Acessor de propriedades do DOT, acessor de colchetes quadrados e destruição de objetos são os métodos de acesso a propriedades JavaScript. O DOT ACESSOR DE PROPRIEDADE é usado para acessar o identificador JavaScript válido de um objeto. Considerando que a Acessor de colchetes quadrados é utilizado para acessar o identificador inválido ou o nome da propriedade dinâmica. Também o Método de destruição de objetos pode ajudá -lo a acessar propriedades do objeto. Demonstramos o acessador de propriedades DOT, o acessador de propriedades quadradas e os métodos de destruição de objetos para acessar propriedades JavaScript com exemplos neste artigo.