Mini Proyecto: Inventario de Tienda
javascript ejercicio objetos arreglos
🎯 Objetivo
Crear una estructura de datos simple para representar productos en un inventario de tienda utilizando objetos y mostrar la información de cada producto.
💡 Conceptos a Utilizar
- Variables (
let
,const
) - Tipos de dato (
string
,number
,boolean
) - Arreglos (
[]
) - Objetos (
{}
) - Acceso a propiedades de objetos (notación de punto
.
) - Ciclos (
for
) - Concatenación de cadenas
- Mostrar salida (
console.log
)
👣 Pasos
- Crea un arreglo para el inventario: Declara una variable (ej:
inventario
) y asígnale un arreglo vacío[]
. - Define objetos de producto: Crea al menos 3 objetos, cada uno representando un producto. Cada objeto debe tener propiedades como
nombre
(string),precio
(number) yenStock
(boolean).- Ejemplo de un objeto producto:
{nombre: "Laptop",precio: 1200,enStock: true}
- Ejemplo de un objeto producto:
- Agrega los productos al inventario: Añade los objetos de producto que creaste al arreglo
inventario
(puedes usarpush
). - Muestra el inventario: Usa un ciclo
for
para recorrer el arregloinventario
. - Dentro del ciclo: Por cada objeto
producto
en el inventario, usaconsole.log
para mostrar sus propiedades (nombre, precio, si está en stock) de forma legible.
🤔 Pista
// 1. Crea un arreglo para el inventarioconst inventario = [];
// 2. Define objetos de productoconst producto1 = { nombre: "Teclado Mecánico", precio: 75, enStock: true,};
const producto2 = { nombre: "Mouse Inalámbrico", precio: 25, enStock: false,};
const producto3 = { nombre: "Monitor 24 pulgadas", precio: 180, enStock: true,};
// 3. Agrega los productos al inventarioinventario.push(producto1);inventario.push(producto2);inventario.push(producto3);
// 4. y 5. Muestra el inventarioconsole.log("--- Inventario de la Tienda ---");for (let i = 0; i < inventario.length; i++) { const producto = inventario[i]; // Accede al objeto actual console.log("Producto: " + producto.nombre); console.log("Precio: $" + producto.precio); console.log("En Stock: " + (producto.enStock ? "Sí" : "No")); // Operador ternario para mostrar 'Sí' o 'No' console.log("-----------------------------");}
☝️🤓
🏋️♂️ Ejercicio
¿Cómo podrías modificar el script para calcular y mostrar el valor total del
inventario (la suma del precio de todos los productos que están enStock
)?
🚀 Extra
Además de push
, ¿qué otros métodos de arreglo podrían ser útiles para
manejar un inventario? Investiga sobre find
, filter
y map
.