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

  1. Crea un arreglo para el inventario: Declara una variable (ej: inventario) y asígnale un arreglo vacío [].
  2. Define objetos de producto: Crea al menos 3 objetos, cada uno representando un producto. Cada objeto debe tener propiedades como nombre (string), precio (number) y enStock (boolean).
    • Ejemplo de un objeto producto:
      {
      nombre: "Laptop",
      precio: 1200,
      enStock: true
      }
  3. Agrega los productos al inventario: Añade los objetos de producto que creaste al arreglo inventario (puedes usar push).
  4. Muestra el inventario: Usa un ciclo for para recorrer el arreglo inventario.
  5. Dentro del ciclo: Por cada objeto producto en el inventario, usa console.log para mostrar sus propiedades (nombre, precio, si está en stock) de forma legible.
🤔 Pista

// 1. Crea un arreglo para el inventario
const inventario = [];
// 2. Define objetos de producto
const 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 inventario
inventario.push(producto1);
inventario.push(producto2);
inventario.push(producto3);
// 4. y 5. Muestra el inventario
console.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.

Comentarios