Mini Proyecto: Inventario de Tienda

🎯 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.

// 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("-----------------------------");
}

Comentarios

Rutas relacionadas

El curso más corto de programación (con JavaScript)