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 criar um objeto, é possível alterar facilmente os valores de suas propriedades. Para isso, basta referenciar a propriedade pelo nome, utilizando a notação de ponto, e atribuir um novo valor.

Considere o exemplo a seguir com um objeto company:


              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, os valores das propriedades industry e founded.year são alterados.

Adição de Novas Propriedades

Adicionar uma nova propriedade a um objeto não é diferente de alterar o valor de uma propriedade existente. Se uma propriedade com o nome especificado ainda não existir no objeto, ela será criada.

Considere o objeto company do exemplo anterior:


              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.

Utilizando Propriedades Abreviadas

Propriedades abreviadas simplificam o processo de criação de objetos, especialmente quando se deseja utilizar valores de variáveis ou parâmetros de função como valores de propriedades.

Essa sintaxe permite usar o nome da variável como o nome da propriedade e seu valor como o valor da propriedade.

Considere o exemplo a seguir:


              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, só é necessário 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 object properties?

Awesome!

Completion rate improved to 2.27

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

Considere o exemplo a seguir com um objeto company:


              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, os valores das propriedades industry e founded.year são alterados.

Adição de Novas Propriedades

Considere o objeto company do exemplo anterior:


              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.

Utilizando Propriedades Abreviadas

Propriedades abreviadas simplificam o processo de criação de objetos, especialmente quando se deseja utilizar valores de variáveis ou parâmetros de função como valores de propriedades.

Essa sintaxe permite usar o nome da variável como o nome da propriedade e seu valor como o valor da propriedade.

Considere o exemplo a seguir:


              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, só é necessário 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

Utilizando 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?

Awesome!

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Utilizando 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

Utilizando 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?

Awesome!

Gerenciamento de Propriedades de Objetos

Modificando valores de propriedades

Adição de Novas Propriedades

Utilizando 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?