Acessando-informacoes-de-um-objeto

Prévia do material em texto

Acessando informações de 
um objeto
Código
console.log(palavra.texto);
console.log(palavra.nivel);
console.log(palavra.estrelas);
console.log(palavra.respondi
da);
Resultado
ESCOLA
2
2
false
Explicação
palavra.texto
Acessa a propriedade texto 
do objeto palavra, retorna 
"ESCOLA"
palavra.nivel
Acessa a propriedade nivel, 
retorna o número 2
palavra.estrelas
Acessa a propriedade 
estrelas, retorna o número 2
palavra.respondida
Acessa a propriedade 
respondida, retorna false
https://gamma.app/?utm_source=made-with-gamma
Entendendo palavra.texto
Estrutura
palavra.texto
Sintaxe geral
nomeDoObjeto.proprie
dade
Resultado
"ESCOLA" — o valor 
armazenado na propriedade 
texto
Cada parte significa:
palavra
O objeto
.
Acesso a uma propriedade
texto
A propriedade que queremos 
acessar
https://gamma.app/?utm_source=made-with-gamma
Acessando diferentes propriedades
Exemplos de acesso
Objeto Proprieda
de
Resultad
o
palavra texto ESCOLA
palavra nivel 2
palavra estrelas 2
palavra respondi
da
false
A mesma sintaxe 
nomeDoObjeto.propriedade permite 
acessar diferentes propriedades de um 
objeto. Cada propriedade armazena uma 
informação diferente.
https://gamma.app/?utm_source=made-with-gamma
Comparando objetos
Dois objetos diferentes, mesma sintaxe:
Objeto Propriedade Valor Tipo
jogador nome Richard String
jogador pontos 150 Number
palavra texto ESCOLA String
palavra nivel 2 Number
Cada objeto pode representar uma entidade diferente (um jogador, uma palavra) e armazenar informações relacionadas a 
ela. A sintaxe de acesso é sempre a mesma.
https://gamma.app/?utm_source=made-with-gamma
Exemplo 3: Objeto Jogo
Código
const jogo = {
 // Nome do jogo
 nome: "Descarga Education",
 // Nivel atual do jogo
 nivel: 1,
 // Quantidade de estrelas conquistadas
 estrelas: 0,
 // Quantidade de tentativas realizadas
 tentativas: 0,
 // Indica se o jogo esta em andamento
 iniciado: false
};
Cada propriedade:
nome
String: "Descarga 
Education"
nivel
Number: 1
estrelas
Number: 0
tentativas
Number: 0
iniciado
Boolean: false
https://gamma.app/?utm_source=made-with-gamma
Identificando o objeto jogo
Elemento Exemplo Tipo
Objeto jogo Objeto
Propriedade nome String
Valor "Descarga Education" String
Propriedade nivel Number
Valor 1 Number
Propriedade estrelas Number
Valor 0 Number
Propriedade tentativas Number
Valor 0 Number
Propriedade iniciado Boolean
Valor false Boolean
O objeto jogo agrupa informações relacionadas ao funcionamento do jogo em um único lugar.
https://gamma.app/?utm_source=made-with-gamma
Alterando uma propriedade
Alterando iniciado
jogo.iniciado = true;
Esta instrução altera o valor da propriedade iniciado de false 
para true.
Alterando estrelas
jogo.estrelas = 1;
Esta instrução altera o valor da propriedade estrelas de 0 para 
1.
Diferença importante
Consultar (ler)
jogo.estrelas
Apenas lê o valor 
armazenado
Alterar (escrever)
jogo.estrelas = 1;
Escreve um novo valor na 
propriedade
https://gamma.app/?utm_source=made-with-gamma
Objeto com método
Um objeto também pode 
possuir métodos para 
executar ações:
const jogo = {
 nome: "Descarga 
Education",
 estrelas: 0,
 iniciarJogo: function() {
 console.log("O jogo foi 
iniciado!");
 }
};
Explicação
iniciarJogo
É um método — uma ação 
que o objeto pode executar
function() { ... }
Define a ação executada 
pelo método
Execução
Quando o método é 
chamado, ele executa o 
código dentro das chaves
https://gamma.app/?utm_source=made-with-gamma
Propriedade ou método?
Propriedade
jogo.nome
jogo
objeto
.
acesso
nome
propriedade
Método
jogo.iniciarJogo()
jogo
objeto
.
acesso
iniciarJogo
método
()
chamada
Resumo
Elemento Função Exemplo
Propriedade Armazena uma 
informação
jogo.nome
Método Executa uma 
ação
jogo.iniciarJogo(
)
https://gamma.app/?utm_source=made-with-gamma
Sintaxe dos objetos em JavaScript
Revisão geral dos conceitos
Conceito Significado Exemplo
Objeto Agrupa informações jogador
Propriedade Identifica uma informação nome
Valor Informação armazenada "Richard"
String Texto "ESCOLA"
Number Número 2
Boolean Verdadeiro ou falso false
Acesso Consulta uma propriedade jogador.nome
Método Executa uma ação jogo.iniciarJogo()
Estrutura básica
const nomeDoObjeto = {
 propriedade: valor,
 propriedade: valor,
 propriedade: valor
};
Acessando
nomeDoObjeto.propriedade
Esta é a base de tudo: um objeto agrupa informações, 
e o ponto . é a chave para acessá-las.
https://gamma.app/?utm_source=made-with-gamma