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 objetolet 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 objetoauto.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 objetoauto.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 objetodeleteauto.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 objetofor (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.