为什么 array.push() 不能正常工作？

Question

我有一个函数可以从 firestore 数据库中返回一组菜肴。 使用 console.log 我检查我要推送的菜的格式是否正确，然后推送它。

最后我 console.log 来检查数组是否一切正常。 这是我得到的：

https://image.noelshack.com/fichiers/2019/05/5/1549048418-arraypush.png

switch (type) {
  case "Plats": {
    this.nourritureCollection.ref.get().then(data => {

      let platArray : Plat[] = [];
      data.docs.forEach(doc => {
        this.plat.name = doc.data().nourritureJson.name;
        this.plat.price = doc.data().nourritureJson.price;
        this.plat.ingredients = doc.data().nourritureJson.ingredients;
        this.plat.type = doc.data().nourritureJson.type;
        this.plat.availableQuantity = doc.data().nourritureJson.availableQuantity;
        this.plat.isAvailableOffMenu = doc.data().nourritureJson.isAvailableOffMenu;
        this.plat.imgUrl = doc.data().nourritureJson.imgUrl;
        this.plat.temp = doc.data().nourritureJson.temp;
        console.log(this.plat)
        platArray.push(this.plat);
      });

      console.log(platArray)
      return platArray;
    });
    break;
  }...

plat 在我的服务组件中被实例化，我无法在我的函数中声明一个新的Plat()。

预期的结果是我的菜品阵列中的菜品应该是不同的。

Answer 1

您将在每次迭代中更新this.plat。所以它会有n数组中指向同一个对象的引用数，因此，所有数组元素的值将是this.plat的最后更新值

您需要为每次迭代创建 new Plat 对象。

data.docs.forEach(doc => {
        let plat: Plat = new Plat();
        plat.name = doc.data().nourritureJson.name;
        plat.price = doc.data().nourritureJson.price;
        plat.ingredients = doc.data().nourritureJson.ingredients;
        plat.type = doc.data().nourritureJson.type;
        plat.availableQuantity = doc.data().nourritureJson.availableQuantity;
        plat.isAvailableOffMenu = doc.data().nourritureJson.isAvailableOffMenu;
        plat.imgUrl = doc.data().nourritureJson.imgUrl;
        plat.temp = doc.data().nourritureJson.temp;
        console.log(plat)
        platArray.push(plat);
      });

正如评论中所指出的，如果Plat 是class，则只能使用new Plat()，如果是interface，则只需let plat:Plat; 即可。