下記のサイトで読んだコード内に記された。
分からない事
this.products.push(...Array(amount).fill(product));
この部分がよくわかりません。
配列にオブジェクトを代入しているのは何となく見てわかるのですが、 0: Product {name: "bread", price: 1} 1: Product {name: "bread", price: 1}
このようなオブジェクトが配列に格納されています。
知りたい事
この ...Array()
に数値を引数で取るとfill()
に渡した引数のコピーをその数だけしてくれるのでしょうか?
...
の付いたもの初めて見るので困惑しています。
class Product {
constructor(name, price) {
this.name = name;
this.price = price;
}
}
class Book extends Product {
constructor(name, price, author) {
super(name, price);
this.author = author;
}
}
class Basket {
constructor() {
this.products = [];
}
addProduct(amount, product) {
this.products.push(...Array(amount).fill(product));
console.log(this.products)
}
calcTotal() {
return this.products
.map(product => product.price)
.reduce((a, b) => a + b, 0);
}
printShoppingInfo() {
console.log('one has to pay in total: ' + this.calcTotal());
}
}
const bread = new Product('bread', 1);
const water = new Product('water', 0.25);
const faust = new Book('faust', 12.5, 'Goethe');
const basket = new Basket();
basket.addProduct(2, bread);
basket.addProduct(3, water);
basket.addProduct(1, faust);
basket.printShoppingInfo();