ES6: Objetos literais em javascript

Objetos são uma estrutura de dados usados na linguagem, na verdade, considero que é o mais importante e muitas vezes não entendemos nada.
Sytectically Um objeto no JavaScript é um grupo agrupado entre chaves e valores:

let nombreDelObjeto = {clave_1: valor_1,clave_2: valor:2,clave_3: valor:3,clave_n: valor:n};

O que é um literal?

A definição de aludes literais para algo textual, por exemplo, se declararmos uma variável da seguinte forma:

let colorDelSol = "Amarillo";

podemos dizer a variável tem uma cadeia literal atribuída, já que o valor textual é atribuído.

exatamente o mesmo acontece com objetos literais, Por exemplo:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};

Onde:

  • O nome do objeto é perro e suas chaves / valores são descritos na tabela a seguir:

Os tipos de dados que um objeto pode armazenar podem ser strings, inteiros, ticket, incluindo outros objetos.

Valores de acesso a partir de um objeto

Existem duas maneiras simples de poder acessar os valores de um objeto:

notação ponto

é escrever o nome do objeto seguido por um ponto e o nome da propriedade para o qual você deseja acessar: objeto.clave

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};console.info(perro.nombre); // Scottconsole.info(perro.edad); // 5

Botão de suporte / chaves quadradas ou suportes

Consiste em escrever o nome de O objeto fingindo entre colchetes A chave para a qual você deseja acessar: objeto

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};console.info(perro); // Scottconsole.info(perro); // 5

Ambas as maneiras retornam os mesmos resultados, portanto, eles podem ser considerados homônimos, mas na prática é habitual usar mais a notação do ponto.

Métodos em um objeto

Um objeto não é limitado apenas ao agrupamento de teclas de valores, também é possível incorporar métodos da seguinte forma:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) }};console.log(perro.ladrar()); // Scott puede ladrar

por razões de escopo de variáveis, para acessar os campos de um objeto Dentro de um método, a palavra reservada isso deve ser usada.

Inserindo novos campos para um objeto

para adicionar novos campos ao objeto basta mencionar o nome do objeto seguido pelo novo propriedade eo novo valor para inserir: perro.tamaño = "Grande";

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) },};perro.tamaño = "Grande";console.log(perro);/* { color: "Cafe", edad: 5, ladrar: function(){ return(`${this.nombre} puede ladrar`) }, macho: true, nombre: "Scott", tamaño: "Grande"}*/

com eles poderemos adicionar um novo valor ao objeto.

Campos de atualização do objeto

Simplesmente escreva uma propriedade existente, da seguinte forma:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) },};perro.edad = 8;console.log(perro);/* { color: "Cafe", edad: 8, ladrar: function(){ return(`${this.nombre} puede ladrar`) }, macho: true, nombre: "Scott"}*/

para excluir uma propriedade de um objeto, a palavra reservada da seguinte forma:

delete nombre_del_objeto.clave;

Por exemplo:

A saída dos exemplos deste post é feita com a ferramenta JSBIN, por essa razão, o formato é como isto.

conclusões 📎

  • Um objeto é a estrutura de dados mais usada em JavaScript, composta por pares encomendados e agrupados em chaves e valores.
  • é chamado de um objeto literal para o objeto cujas propriedades são declaradas texturalmente no código.
  • objetos pode armazenar métodos dentro.
  • para acessar as propriedades de um objeto dentro de um método é necessário usar a palavra reservada this por Escopo das variáveis.
  • Ao contrário de outras linguagens de programação, as propriedades podem ser adicionadas ou excluídas de uma maneira muito barata, mas simples, mas simples.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

valor Tipo de dados
scott string
cor café string
idade 5 Int
masculino true bole