Почему я не могу суммировать все свойства массива?

Question

Я хочу обобщить все свойства price массива this.hamburgers, чтобы найти их общую сумму и в будущем найти среднюю стоимость заказа, который я хочу перевести на localStorage.

Но когда я пытаюсь получить все свойства price в методе sumHamburgers(), я получаю результат: "undefined" .

class Magazine {
  constructor() {
    this.hamburgers = [];
  }

  sumHamburgers() {
    return this.hamburgers.map(el => el.price).reduce((p, c) => p + c);
  }

  hamburgersAvgN() {
    return this.sumHamburgers() / Hamburger.counter;
  }

  toStorage() {
    let serialCounter = JSON.stringify(Hamburger.counter);
    let serialAvgN = JSON.stringify(this.hamburgersAvgN());
    return localStorage.setItem(['orders', 'avg'], [`number of orders: ${serialCounter}`, ` average check: ${serialAvgN} UAH`]);
  }
}

class Hamburger {
  constructor(size, ...stuffing) {
    this.size = size;
    this.stuffing = stuffing;
    this.toppingArr = [];
    this.counter = ++Hamburger.counter;
  }

  calculatePrice() {
    const stuffingCost = this.stuffing.map(el => el.price).reduce((p, c) => p + c);
    let allCost;
    if (this.toppingArr.length === 0) {
      return allCost = this.size.price + stuffingCost;
    } else {
      const toppingCost = this.toppingArr.map(el => el.price).reduce((p, c) => p + c);
      return allCost = this.size.price + stuffingCost + toppingCost;
    }
  }
}

Hamburger.counter = 0;

Hamburger.small = {
  name: 'small',
  price: 10,
  kcal: 200
}

Hamburger.cheese = {
  name: 'cheese',
  price: 4,
  kcal: 10
}

Hamburger.meet = {
  name: ' meet',
  price: 40,
  kcal: 103
}

let magazine = new Magazine;
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.meet));
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.cheese));
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.meet));

console.log(magazine.sumHamburgers());

Answer 1

Вы хотите позвонить el.caculatePrice() вместо el.price, которого не существует:

class Magazine {
  constructor() {
    this.hamburgers = [];
  }

  sumHamburgers() {
    // My fix is here: `el.calculatePrice()` instead of `el.price`
    return this.hamburgers.map(el => el.calculatePrice()).reduce((p, c) => p + c);
  }

  hamburgersAvgN() {
    return this.sumHamburgers() / Hamburger.counter;
  }

  toStorage() {
    let serialCounter = JSON.stringify(Hamburger.counter);
    let serialAvgN = JSON.stringify(this.hamburgersAvgN());
    return localStorage.setItem(['orders', 'avg'], [`number of orders: ${serialCounter}`, ` average check: ${serialAvgN} UAH`]);
  }
}

class Hamburger {
  constructor(size, ...stuffing) {
    this.size = size;
    this.stuffing = stuffing;
    this.toppingArr = [];
    this.counter = ++Hamburger.counter;
  }

  calculatePrice() {
    const stuffingCost = this.stuffing.map(el => el.price).reduce((p, c) => p + c);
    let allCost;
    if (this.toppingArr.length === 0) {
      return allCost = this.size.price + stuffingCost;
    } else {
      const toppingCost = this.toppingArr.map(el => el.price).reduce((p, c) => p + c);
      return allCost = this.size.price + stuffingCost + toppingCost;
    }
  }
}

Hamburger.counter = 0;

Hamburger.small = {
  name: 'small',
  price: 10,
  kcal: 200
}

Hamburger.cheese = {
  name: 'cheese',
  price: 4,
  kcal: 10
}

Hamburger.meet = {
  name: 'meet',
  price: 40,
  kcal: 103
}

let magazine = new Magazine;
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.meet));
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.cheese));
magazine.hamburgers.push(new Hamburger(Hamburger.small, Hamburger.meet));

console.log(magazine.sumHamburgers());