0

Tengo un método denominado info() perteneciente al objeto Frutas el cual deseo mostrar por pantalla con los datos que le he puesto en el array que he ido llenando pero al querer hacerlo me salta un error por la consola donde javascript me dice que el mismo no es una función. Aún cuando le coloqué los parámetros, salta este error, pero no sé si es que los parámetros debo pasárselos de una manera distinta por estar dentro de un array.

"use strict";
const frutas = []
class Fruta {
    constructor(producto, cantidad, precio) {
        this.producto = producto
        this.cantidad = cantidad
        this.precio = precio
    }
    info() {
        return `De ${this.producto} tenemos ${this.cantidad} y el valor es de $${this.precio}x kg`
    }
}

while (frutas.length < 2) {
    let producto = prompt("Ingrese el nombre del producto").toLowerCase()
    let cantidad = prompt("Ingrese la cantidad del stock")
    let precio = prompt("ingrese el valor del producto")
    if (!isNaN(cantidad) && !isNaN(precio)) {
        frutas.push(new Fruta(producto, cantidad, precio))
    }
}

const mostrarInventario = () =>{
    console.log(frutas)
}

mostrarInventario()

document.write(frutas.info(frutas.producto, frutas.cantidad, frutas.precio));

1 respuesta 1

1

La respuesta es simple, frutas no es un elemento de tipo fruta, es un array, por lo que es obvio que no contiene ningún método llamado info.

Para llamar al método info para cada elemento del array, simplemente itera en el array.

const frutas = []
    class Fruta {
      constructor(producto, cantidad, precio) {
        this.producto = producto
        this.cantidad = cantidad
        this.precio = precio
      }
      info() {
        return `De ${this.producto} tenemos ${this.cantidad} y el valor es de $${this.precio}x kg`
      }
    }

    while (frutas.length < 2) {
      let producto = prompt('Ingrese el nombre del producto').toLowerCase()
      let cantidad = prompt('Ingrese la cantidad del stock')
      let precio = prompt('ingrese el valor del producto')
      if (!isNaN(cantidad) && !isNaN(precio)) {
        frutas.push(new Fruta(producto, cantidad, precio))
      }
    }

    const mostrarInventario = () => {
      console.log(frutas)
    }

    mostrarInventario()
    frutas.forEach((fruta) => {
      const product = document.createElement('div')
      product.innerHTML = fruta.info()
      document.body.appendChild(product)
    })

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.