Saltar al contenido principal

Ejercicio 25: Obtener valor con Object.values() y forEach()

Aprende a extraer valores de un objeto utilizando Object.values() y a manipularlos con forEach() de forma dinámica utilizando JavaScript. La intención principal es aprender a utilizar Object.values() para acceder a los valores de un objeto y luego recorrer esos valores con forEach() para calcular un total.

Actividad​

  1. Crea un objeto que represente el precio de varios productos, donde cada propiedad es un nombre de producto y cada valor es el precio (por ejemplo, { manzana: 2, pera: 3, plátano: 1.5 }).
  2. Usa Object.values() para obtener un array con los precios de cada producto.
  3. Usa forEach() para sumar todos los precios y obtener el total.
  4. Imprime el valor total en la consola.

Solución​

Paso 1: Crear el archivo index.html​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Obtener el Valor Total de los Productos con Object.values() y forEach()
    </title>
  </head>
  <body>
    <h1>
      Ejercicio 25: Obtener el Valor Total de los Productos con Object.values()
      y forEach()
    </h1>
    <p>Los cambios se muestran en consola.</p>
    <script src="script.js"></script>
  </body>
</html>

Paso 2: Escribir el código en script.js​

JavaScript
const productos = {
  manzana: 2,
  pera: 3,
  platano: 1.5,
  uva: 2.5,
};

const precios = Object.values(productos);

let total = 0;
precios.forEach((precio) => {
  total += precio;
});

console.log("El valor total de los productos es:", total);
info

🔎 Revisa la sección Instrucciones de control en JavaScript donde econtrarás más información sobre este tema.