Aprende Gestión de Propiedades de Objetos | Fundamentos de los Objetos en JavaScript

Examinemos tres conceptos importantes relacionados con el trabajo con las propiedades de los objetos:

Modificar valores de propiedades;
Agregar nuevas propiedades;
Utilizar propiedades abreviadas.

Modificación de valores de propiedades

Después de crear un objeto, es posible cambiar fácilmente los valores de sus propiedades. Para ello, simplemente se hace referencia a la propiedad por su nombre, utilizando la notación de punto, y se asigna un nuevo valor.

Consideremos un ejemplo con un 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

En este ejemplo, se modifican los valores de las propiedades industry y founded.year.

Adición de nuevas propiedades

Agregar una nueva propiedad a un objeto no difiere de modificar el valor de una propiedad existente. Si una propiedad con el nombre especificado no existe en el objeto, se creará.

Considere el objeto company del ejemplo 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

En este ejemplo, se añade la nueva propiedad founder al objeto company.

Uso de propiedades abreviadas

Las propiedades abreviadas simplifican el proceso de creación de objetos, especialmente cuando se desea utilizar valores de variables o parámetros de función como valores de propiedad.

Esta sintaxis permite utilizar el nombre de la variable como nombre de la propiedad y su valor como valor de la propiedad.

Considere el siguiente ejemplo:


              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 propiedades abreviadas, el mismo objeto puede crearse de manera más concisa:


              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

Con las propiedades abreviadas, solo es necesario especificar el nombre de la propiedad, y el valor se toma automáticamente de una variable con el mismo nombre.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 2. Capítulo 7

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

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

Desliza para mostrar el menú

Examinemos tres conceptos importantes relacionados con el trabajo con las propiedades de los objetos:

Modificar valores de propiedades;
Agregar nuevas propiedades;
Utilizar propiedades abreviadas.

Modificación de valores de propiedades

Consideremos un ejemplo con un 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

En este ejemplo, se modifican los valores de las propiedades industry y founded.year.

Adición de nuevas propiedades

Agregar una nueva propiedad a un objeto no difiere de modificar el valor de una propiedad existente. Si una propiedad con el nombre especificado no existe en el objeto, se creará.

Considere el objeto company del ejemplo 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

En este ejemplo, se añade la nueva propiedad founder al objeto company.

Uso de propiedades abreviadas

Las propiedades abreviadas simplifican el proceso de creación de objetos, especialmente cuando se desea utilizar valores de variables o parámetros de función como valores de propiedad.

Esta sintaxis permite utilizar el nombre de la variable como nombre de la propiedad y su valor como valor de la propiedad.

Considere el siguiente ejemplo:


              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 propiedades abreviadas, el mismo objeto puede crearse de manera más concisa:


              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

Con las propiedades abreviadas, solo es necesario especificar el nombre de la propiedad, y el valor se toma automáticamente de una variable con el mismo nombre.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 2. Capítulo 7

Gestión de Propiedades de Objetos

Modificación de valores de propiedades

Adición de nuevas propiedades

Uso de propiedades abreviadas

1. Después de crear un objeto, ¿cómo podemos cambiar los valores de sus propiedades?

2. ¿Qué sucede cuando intentas modificar el valor de una propiedad que no existe en un objeto usando notación de punto?

3. ¿Cuál de los siguientes ejemplos demuestra el uso de propiedades abreviadas para la creación de objetos?

4. ¿Cómo puedes incluir la variable `city` como una propiedad de `userLocation` utilizando propiedades abreviadas?

Awesome!

Gestión de Propiedades de Objetos

Modificación de valores de propiedades

Adición de nuevas propiedades

Uso de propiedades abreviadas

1. Después de crear un objeto, ¿cómo podemos cambiar los valores de sus propiedades?

2. ¿Qué sucede cuando intentas modificar el valor de una propiedad que no existe en un objeto usando notación de punto?

3. ¿Cuál de los siguientes ejemplos demuestra el uso de propiedades abreviadas para la creación de objetos?

4. ¿Cómo puedes incluir la variable `city` como una propiedad de `userLocation` utilizando propiedades abreviadas?

Gestión de Propiedades de Objetos

Modificación de valores de propiedades

Adición de nuevas propiedades

Uso de propiedades abreviadas

1. Después de crear un objeto, ¿cómo podemos cambiar los valores de sus propiedades?

2. ¿Qué sucede cuando intentas modificar el valor de una propiedad que no existe en un objeto usando notación de punto?

3. ¿Cuál de los siguientes ejemplos demuestra el uso de propiedades abreviadas para la creación de objetos?

4. ¿Cómo puedes incluir la variable city como una propiedad de userLocation utilizando propiedades abreviadas?

Awesome!

Gestión de Propiedades de Objetos

Modificación de valores de propiedades

Adición de nuevas propiedades

Uso de propiedades abreviadas

1. Después de crear un objeto, ¿cómo podemos cambiar los valores de sus propiedades?

2. ¿Qué sucede cuando intentas modificar el valor de una propiedad que no existe en un objeto usando notación de punto?

3. ¿Cuál de los siguientes ejemplos demuestra el uso de propiedades abreviadas para la creación de objetos?

4. ¿Cómo puedes incluir la variable city como una propiedad de userLocation utilizando propiedades abreviadas?

4. ¿Cómo puedes incluir la variable `city` como una propiedad de `userLocation` utilizando propiedades abreviadas?

4. ¿Cómo puedes incluir la variable `city` como una propiedad de `userLocation` utilizando propiedades abreviadas?