Objetos JavaScript explicados

Objetos JavaScript são a implementação do objeto do mundo real em uma linguagem de programação, tudo em javascript é um objeto. JavaScript é uma linguagem de programação que muitas vezes é confundida com ser uma linguagem de programação baseada em classe, mas, na realidade, é uma linguagem de programação baseada em objetos.

Objetos em JavaScript são usados ​​para imitar o comportamento dos objetos do mundo real; Por exemplo, uma fruta tem suas propriedades como o nome, cor, forma, sabor e estação. No JavaScript, você pode definir essa entidade "frutas" contra seus pares de valor-chave, sendo as chaves as propriedades e valores sendo valores reais dessa propriedade.

A objeto de frutas em javascript.

fruta =
Nome: "Apple",
forma: "circular",
gosto: "principalmente doce, mas também amargo",
Temporada: "All Seasons"

Você diferencia uma chave e valor colocando um cólon “:” entre eles, e você coloca uma vírgula entre diferentes pares de valor-chave. Esse padrão ou estrutura de definir uma entidade do mundo real é semelhante a um objeto JSON e isso ocorre porque o JSON é baseado na definição de objeto JavaScript.

Objetos e propriedades JavaScript

Criar ou definir um objeto pode ser feito de duas maneiras:

• Usando o “novoPalavra -chave
• Usando o encaracolado " " Para incluir os pares de valor-chave

Criando um objeto JS usando a nova palavra -chave

A palavra -chave “nova” significa criar uma nova instância do construtor de um objeto. Para criar um objeto usando a palavra -chave "nova", você cria uma variável e o coloca igual ao construtor de objeto com a palavra -chave "nova"; e adicione pares de valor-chave usando o “DOT-Operator”.

Sintaxe

variableName = new Object (); // cria uma instância do objeto
nome variável.PropertyName = PropertyValue; // fornece um par de valores-chave ao objeto

Você pode criar um objeto de uma pessoa com as propriedades: primeiro nome, sobrenome, idade e trabalho com as seguintes linhas de código:

var pessoa = new Object ();
pessoa.primeironame = "John";
pessoa.último nome = "doe";
pessoa.idade = 27;
pessoa.Job = "Auditor";

A primeira declaração cria uma variável com o identificador "pessoa" e chama o construtor de objeto () usando o "novoPalavra -chave.

As próximas quatro declarações são usadas para definir 4 propriedades ou pares de "valor-chave" do objeto. O nome da propriedade é escrito com o identificador do objeto usando um “DOT-Operator”, E o valor do operador é dado após o operador de atribuição“=”.

Você pode imprimir este objeto que acabou de criar usando a seguinte declaração:

console.log (pessoa);

Ao executar o código, você obterá a saída:

O objeto é impresso no console e você pode ver claramente os pares de valor-chave.

Criando um objeto JS usando colchetes encaracolados

Outra maneira de criar JavaScript é criar uma variável e defini-la igual a pares de valor-chave (que são fechados dentro dos aparelhos encaracolados) diretamente, isso é conhecido como definir um objeto usando a sintaxe do objeto literal.

Sintaxe

variableName = PropertyName: PropertyValue;

Você pode criar o mesmo objeto de pessoa com as mesmas propriedades usando a sintaxe literal:

var pessoa =
primeiro nome: "John",
LastName: "Doe",
Idade: 27,
trabalho: "auditor",
;

Você está definindo a variável “pessoa” igual a pares de valor-chave que são fechados dentro do aparelho encaracolado . Cada par de valores-chave é separado por uma vírgula "," As chaves e os valores são separados por um cólon “:”

Você pode imprimir o par de valores-chave deste objeto no console com os seguintes comandos.

console.log (pessoa);

Quando você executou este snippet de código, você vê a seguinte saída:

Você pode ver os pares de valores-chave no console, os valores da string são fechados dentro das aspas e os valores inteiros não são fechados por nada.

Buscar valores das propriedades do objeto

Você pode obter valores da propriedade do objeto usando duas maneiras:

Um é usar a sintaxe do ponto simples:

ObjectName.nome da propriedade;

A segunda maneira é usar a matriz acessando sintaxe como:

objectName ["PropertyName"];

Pegue o objeto de pessoa dos exemplos acima que criamos com o seguinte código:

var pessoa =
primeiro nome: "John",
LastName: "Doe",
Idade: 27,
trabalho: "auditor",
;

Podemos acessar suas propriedades usando as duas maneiras a seguir:

console.log (pessoa.primeiro nome);
console.log (pessoa ["lastName"]);

A primeira instrução acessa o valor usando o operador DOT; A segunda instrução acessa o valor usando os métodos de matriz, a saída do código seria:

Isso é tudo sobre objetos JavaScript.

Conclusão

As entidades do mundo real podem ser representadas na linguagem de programação JavaScript junto com suas propriedades usando o Objetos, que define as propriedades de uma entidade usando um valor chave par. Aprendemos como um objeto funciona em javascript, como criar um objeto usando métodos diferentes e como buscar dados de um objeto com a ajuda de exemplos em que convertemos um objeto do mundo real em um objeto de linguagem de programação.