class CoffeeShop { constructor(name, menu) { this.name = name; this.menu = menu; this.orders = []; } addOrder(itemName) { this.menu.reduce((acc, meal, i, arr) => { meal[itemName] ? (this.orders.push(itemName), console.log("Order Added!"), arr.splice(1)) : (console.log("This item is currently unavailable!"), arr.splice(1)) }, []) } fulfillOrder() { this.orders.isEmpty ? (console.log("All orders have been fulfilled!")) : (console.log(`The ${this.orders[0]} is ready!`), this.orders.shift()) } } let Shop = new CoffeeShop("Shop", [ { item: "cinnamon roll", type: "food", price: 4.99}, { item: "hot chocolate", type: "drink", price: 2.99}, { item: "lemon tea", type: "drink", price: 2.50} ]); Shop.addOrder("hot chocolate"); console.log(Shop.orders); Shop.fulfillOrder(); console.log(Shop.orders);La salida es:
This item is currently unavailable! [] The undefined is ready! []
¿Por qué no cambia la lista de pedidos? ¿Por qué la función fullfillOrder devuelve lo contrario de lo que debería devolver incluso cuando la condición es verdadera?
Preferiría usar el filtro: para filtrar el elemento agregado
class CoffeeShop { constructor(name, menu) { this.name = name; this.menu = menu; this.orders = []; } addOrder(itemName) { this.menu = this.menu.filter(i => { if(i.item === itemName) { this.orders.push(itemName), console.log("Order Added!") return false; } console.log("This item is currently unavailable!") return true; }) } fulfillOrder() { this.orders.isEmpty ? (console.log("All orders have been fulfilled!")) : (console.log(`The ${this.orders[0]} is ready!`), this.orders.shift()) } } let Shop = new CoffeeShop("Shop", [ { item: "cinnamon roll", type: "food", price: 4.99}, { item: "hot chocolate", type: "drink", price: 2.99}, { item: "lemon tea", type: "drink", price: 2.50} ]); Shop.addOrder("hot chocolate"); console.log(Shop.orders); Shop.fulfillOrder(); console.log(Shop.orders);