Pushing multiple items into an array within an instance of a class

Question

I am trying to construct the addTopping method such that it can take in multiple toppings to push into the toppings array instead of one. I'm not sure how to tackle this. I've seen some of the other posts using .push.apply() which doesn't work in my case since that creates an object.

  class Pizza {

      constructor(size, crust, stuffedcrust) {
        this.size = size;
        this.crust = crust;
        this.stuffedcrust = stuffedcrust;
        this.toppings = ["Cheese"];
      }

      addTopping(topping) {
        this.toppings.push(topping);
      }

      removeTopping(topping) {
        let index = this.toppings.indexOf(topping);
        this.toppings.splice(index, 1);
      }

      }

      let pizza1 = new Pizza("Medium", "thin", true);

      pizza1.addTopping("Pepperoni", "Green Peppers", "Mushrooms");
      console.log(pizza1);

pizza1.addTopping will only add the first item as of now.

Ori Drori · Accepted Answer · 2018-10-23 21:04:13Z

4

Use the rest parameters to collect all addToppings() arguments in an array, and the spread syntax to convert the array to arguments for the Array.push() function:

class Pizza {

  constructor(size, crust, stuffedcrust) {
    this.size = size;
    this.crust = crust;
    this.stuffedcrust = stuffedcrust;
    this.toppings = ["Cheese"];
  }

  addToppings(...toppings) { // rest
    this.toppings.push(...toppings); // spread
  }

  removeTopping(topping) {
    let index = this.toppings.indexOf(topping);
    this.toppings.splice(index, 1);
  }

}

let pizza1 = new Pizza("Medium", "thin", true);

pizza1.addToppings("Pepperoni", "Green Peppers", "Mushrooms");

console.log(pizza1);

answered Oct 23, 2018 at 21:04

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adi Bakija Over a year ago

Thank you, I had tried the spread operator before but was incorrectly using it considering I didn't include it within my method arguments as well! This was very helpful, much appreciated!

Jeoff · Accepted Answer · 2018-10-23 21:05:46Z

1

Perhaps take a look over at rest parameters. I think it'll get you what you want

answered Oct 23, 2018 at 21:05

Jeoff

995 bronze badges

Comments

Rafael Lopes · Accepted Answer · 2018-10-23 21:08:12Z

0

You can use function.arguments, but it is deprecated.

source: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Function/arguments

answered Oct 23, 2018 at 21:08

Rafael Lopes

4633 silver badges9 bronze badges

Collectives™ on Stack Overflow

Pushing multiple items into an array within an instance of a class

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related