|
valor |
Tipo de dados |
|
scott |
string |
cor |
café |
string |
idade |
5 |
Int |
masculino |
true |
bole |
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.