Aprenda Gerenciamento de Propriedades de Objetos | Fundamentos de Objetos em JavaScript

Vamos analisar três conceitos importantes relacionados ao trabalho com propriedades de objetos:

Modificar valores de propriedades;
Adicionar novas propriedades;
Utilizar propriedades abreviadas.

Modificando valores de propriedades

Após a criação de um objeto, é possível atualizar facilmente qualquer uma de suas propriedades. Para modificar um valor, utilize a notação de ponto e atribua um novo valor à propriedade desejada.


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

Neste exemplo, alteramos os valores das propriedades industry e founded.year.

Adição de Novas Propriedades

Adicionar uma propriedade não é diferente de modificar uma. Se o nome da propriedade não existir, o JavaScript a cria automaticamente.


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

Neste exemplo, adicionamos a nova propriedade founder ao objeto company.

Usando Propriedades Abreviadas

Propriedades abreviadas permitem criar objetos de forma mais concisa. Quando o nome da propriedade e o nome da variável são iguais, o JavaScript permite omitir a repetição.


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Utilizando propriedades abreviadas, o mesmo objeto pode ser criado de forma mais sucinta:


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Com propriedades abreviadas, é necessário apenas especificar o nome da propriedade, e o valor é automaticamente atribuído a partir de uma variável com o mesmo nome.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 7

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain more about shorthand properties and when to use them?

What happens if I try to modify a property that doesn't exist yet?

Can you show more examples of adding or modifying nested properties?

Deslize para mostrar o menu

Vamos analisar três conceitos importantes relacionados ao trabalho com propriedades de objetos:

Modificar valores de propriedades;
Adicionar novas propriedades;
Utilizar propriedades abreviadas.

Modificando valores de propriedades


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

Neste exemplo, alteramos os valores das propriedades industry e founded.year.

Adição de Novas Propriedades

Adicionar uma propriedade não é diferente de modificar uma. Se o nome da propriedade não existir, o JavaScript a cria automaticamente.


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

Neste exemplo, adicionamos a nova propriedade founder ao objeto company.

Usando Propriedades Abreviadas

Propriedades abreviadas permitem criar objetos de forma mais concisa. Quando o nome da propriedade e o nome da variável são iguais, o JavaScript permite omitir a repetição.


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Utilizando propriedades abreviadas, o mesmo objeto pode ser criado de forma mais sucinta:


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Com propriedades abreviadas, é necessário apenas especificar o nome da propriedade, e o valor é automaticamente atribuído a partir de uma variável com o mesmo nome.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 7

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Usando Propriedades Abreviadas

1. Após criar um objeto, como é possível alterar os valores de suas propriedades?

2. O que acontece ao tentar modificar o valor de uma propriedade que não existe em um objeto usando a notação de ponto?

3. Qual dos exemplos a seguir demonstra o uso de propriedades abreviadas para criação de objetos?

4. Como incluir a variável `city` como uma propriedade de `userLocation` utilizando propriedades abreviadas?

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Usando Propriedades Abreviadas

1. Após criar um objeto, como é possível alterar os valores de suas propriedades?

2. O que acontece ao tentar modificar o valor de uma propriedade que não existe em um objeto usando a notação de ponto?

3. Qual dos exemplos a seguir demonstra o uso de propriedades abreviadas para criação de objetos?

4. Como incluir a variável `city` como uma propriedade de `userLocation` utilizando propriedades abreviadas?

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Usando Propriedades Abreviadas

1. Após criar um objeto, como é possível alterar os valores de suas propriedades?

2. O que acontece ao tentar modificar o valor de uma propriedade que não existe em um objeto usando a notação de ponto?

3. Qual dos exemplos a seguir demonstra o uso de propriedades abreviadas para criação de objetos?

4. Como incluir a variável city como uma propriedade de userLocation utilizando propriedades abreviadas?

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Usando Propriedades Abreviadas

1. Após criar um objeto, como é possível alterar os valores de suas propriedades?

2. O que acontece ao tentar modificar o valor de uma propriedade que não existe em um objeto usando a notação de ponto?

3. Qual dos exemplos a seguir demonstra o uso de propriedades abreviadas para criação de objetos?

4. Como incluir a variável city como uma propriedade de userLocation utilizando propriedades abreviadas?

4. Como incluir a variável `city` como uma propriedade de `userLocation` utilizando propriedades abreviadas?

4. Como incluir a variável `city` como uma propriedade de `userLocation` utilizando propriedades abreviadas?