English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico JavaScript

Objeto JavaScript

Função JavaScript

DOM HTML JS

BOM do navegador JS

Tutorial básico AJAX

Manual de referência JavaScript

Atributos do Objeto do JavaScript

AtributosSão associações entre nomes (chaves) e valores dentro do objeto e podem conter qualquer tipo de dados.

AtributosNormalmente se refere a uma característica de um objeto.

Normalmente pode ser alterado, adicionado e removido, mas alguns atributos são somente leitura.

Acessar atributos JavaScript

Existem duas maneiras de acessar atributos de objetos:

  • Ponto de representação: .

  • Símbolos de colchetes: []

Vamos voltar ao exemplo de objeto originaluser.

user.firstName;
Teste e veja‹/›
user["firstName"];
Teste e veja‹/›

Os pontos e os colchetes são frequentemente usados. No entanto, o ponto (.) é mais rápido e mais legível.

Adicionar novo atributo

Para adicionar novos atributos ao objeto, você pode usar o operador de atribuição (=) para atribuir novos valores aos atributos.

Supondo que o objeto usuário já exista-Depois disso, você pode atribuir novos atributos a ele:

user.weapon = "Sword";
Teste e veja‹/›

Atenção: evite usar palavras-chave reservadas para nomes de atributos ou métodos.

Modificar atributo do objeto

Você pode modificar atributos do objeto atribuindo novos valores a atributos existentes.

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
user.location = "Goa";
Teste e veja‹/›

Excluir atributo do objeto

Para excluir atributos do objeto, usaremos a palavra-chave delete.

delete é o operador usado para excluir atributos de um objeto, pode excluir atributos do objeto.

O exemplo a seguir demonstra como excluir atributos de um objeto:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
delete user.location;
Teste e veja‹/›

O operador delete remove os dois valores e o atributo em si.

Não use o operador delete em atributos de objetos JavaScript pré-definidos. Isso pode fazer com que seu aplicativo falhe.

percorrer atributos de objetos

JavaScript possuiloop for...inEspecialmente usada para laços de iteração de atributos de objetos.

Sintaxe:

for (variable in object) { statement to be executed }

Esta é a versão simplificada do nosso exemplo de usuário principal:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
for (let x in user) {
    document.write(x);
}
Teste e veja‹/›

Usando símbolos de parênteses, podemos obter o valor da propriedade como uma variável, neste exemplo é x:

for (let x in user) {
document.write(user[x]);
}
Teste e veja‹/›

loop for...inO loop não deve ser combinado comloop for...ofConfusão de loop, o último é usado apenas no tipo de objeto Array.

Outro método útil para enumeração é o método Object.keys(), que retorna um array de propriedades do objeto.

// Inicialize métodos no objeto usuário para retornar chaves de propriedade
Object.keys(user);
Teste e veja‹/›

Este método nos permite usar as propriedades do objeto como um array, portanto, você pode aproveitar todos os métodos do array JavaScript.

Propriedades internas da propriedade

Todas as propriedades têm um nome. Além disso, elas também têm valor de propriedade.

Este valor é uma das propriedades da propriedade.

Outras propriedades são: enumeráveis, configuráveis e writáveis.

Essas propriedades definem a forma de acesso das propriedades (leitura, escrita).

No JavaScript, pode-se ler todas as propriedades, mas pode-se alterar apenas os valores das propriedades (e apenas quando a propriedade estiver em estado de escrita).