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

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

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

Modificar valores de propiedades

Después de crear un objeto, es posible actualizar fácilmente cualquiera de sus propiedades. Para modificar un valor, utiliza la notación de punto y asigna un nuevo valor a la propiedad deseada.


              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, cambiamos los valores de las propiedades industry y founded.year.

Agregar nuevas propiedades

Agregar una propiedad no es diferente de modificar una. Si el nombre de la propiedad no existe, JavaScript la crea automáticamente.


              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 permiten crear objetos de manera más concisa. Cuando el nombre de la propiedad y el nombre de la variable son iguales, JavaScript permite omitir la repetición.


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

Desliza para mostrar el menú

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

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

Modificar valores de propiedades

Después de crear un objeto, es posible actualizar fácilmente cualquiera de sus propiedades. Para modificar un valor, utiliza la notación de punto y asigna un nuevo valor a la propiedad deseada.


              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, cambiamos los valores de las propiedades industry y founded.year.

Agregar nuevas propiedades

Agregar una propiedad no es diferente de modificar una. Si el nombre de la propiedad no existe, JavaScript la crea automáticamente.


              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 permiten crear objetos de manera más concisa. Cuando el nombre de la propiedad y el nombre de la variable son iguales, JavaScript permite omitir la repetición.


              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

Modificar valores de propiedades

Agregar nuevas propiedades

Uso de propiedades abreviadas

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

2. ¿Qué sucede cuando se intenta 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 se puede incluir la variable `city` como una propiedad de `userLocation` utilizando la sintaxis abreviada de propiedades?

Gestión de Propiedades de Objetos

Modificar valores de propiedades

Agregar nuevas propiedades

Uso de propiedades abreviadas

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

2. ¿Qué sucede cuando se intenta 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 se puede incluir la variable `city` como una propiedad de `userLocation` utilizando la sintaxis abreviada de propiedades?

Gestión de Propiedades de Objetos

Modificar valores de propiedades

Agregar nuevas propiedades

Uso de propiedades abreviadas

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

2. ¿Qué sucede cuando se intenta 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 se puede incluir la variable city como una propiedad de userLocation utilizando la sintaxis abreviada de propiedades?

Gestión de Propiedades de Objetos

Modificar valores de propiedades

Agregar nuevas propiedades

Uso de propiedades abreviadas

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

2. ¿Qué sucede cuando se intenta 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 se puede incluir la variable city como una propiedad de userLocation utilizando la sintaxis abreviada de propiedades?

4. ¿Cómo se puede incluir la variable `city` como una propiedad de `userLocation` utilizando la sintaxis abreviada de propiedades?

4. ¿Cómo se puede incluir la variable `city` como una propiedad de `userLocation` utilizando la sintaxis abreviada de propiedades?