Curso Práctico de JavaScript

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

Los objetos en JavaScript son una colección de propiedades, donde cada propiedad es una asociación entre un nombre (o clave) y un valor.

// Paso 1: Crear un objeto
let auto = {
    marca: "Toyota",
    modelo: "Corolla",
    año: 2020,
    color: "rojo"
};

En el ejemplo anterior, marca, modelo, año, color y precio son propiedades del objeto auto, estas propiedades pueden ser acezadas para utilizarlos con diferentes propósitos.

// Paso 2: Acceder a las propiedades del objeto
console.log(auto.marca); // Salida: "Toyota"
console.log(auto["modelo"]); // Salida: "Corolla"

cómo puedes ver existen diferentes maneras de como acceder a las propiedades, esto puede servir con diferentes propósitos ya que dependiendo de cual elijas puede ser más cómodo de utilizar según lo necesites.
Un ejemplo de esto sería la modificación de una de las propiedades.

// Paso 3: Modificar las propiedades del objeto
auto.color = "azul";
console.log(auto.color); // Salida: "azul"

Y así como podemos modificar propiedades también podemos agregas mas.

// Paso 4: Agregar nuevas propiedades al objeto
auto.precio = 20000;
console.log(auto.precio); // Salida: 20000

de esta manera cuando mandes a imprimir el objeto podrás ver que este fue agregado a las propiedades que este tiene.
Obviamente también podemos aplicar el inverso de este paso, eliminamos una propiedad de la siguiente manera.

// Paso 5: Eliminar propiedades del objeto
delete auto.año;
console.log(auto.año); // Salida: undefined

Y para terminar con este tutorial volveremos a repasar un concepto visto en el paso 2, agregando un ejemplo donde es aplicable la otra manera de acceder a las propiedades del objeto, ya que esta manera es mucho mas cómoda para las iteraciones

// Paso 6: Iterar a través de las propiedades del objeto
for (let propiedad in auto) {
    console.log(propiedad + ": " + auto[propiedad]);
}

de esta manera el ciclo imprimirá todas las propiedades del objeto de manera individual .

Espero que te haya gustado mi tutorial sobre como usar los objetos de manera sencilla, muchas gracias.

Curso Práctico de JavaScript

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados