Typescript 对象数组未按预期存储

Question

如果您查看控制台结果，我不知道为什么对象数组现在在两个索引上都是 235 235，它应该是 234 235。我是否错误地将值传递或推送到数组？这里的打字稿语法有点困惑。

首先我有一个对象类。

export class MassDelete {
   constructor (
      public slotId?: string
   ){
      }
}

在我的组件类中。

studentsForDelete : Array<any> = [];
massDeleteList: Array<MassDelete> = [];

massDel = new MassDelete();


   onDel(){

    if(this.delAction == 'DEL'){
      this.delAction = '';//Reset it
      console.log("student for deletion");

      for(let i = 0; i < this.studentForDelete.length; i++){
        console.log("what is i " + i);
        console.log(this.studentForDelete[i].slotId);

        this.massDel.slotId = this.studentForDelete[i].slotId;
        console.log("What is mass Del slot ID?");
        console.log(this.massDel.slotId);

        this.massDeleteList.push(this.massDel);
        


        console.log("massdel test");
        console.log(this.massDeleteList);

      }

      console.log("list for del");
      console.log(this.massDeleteList);




    }
    this.router.navigate(["/confirm"]);
  }

在控制台日志中

What is i 0
What is mass Del Timeslot ID?
234
massdel test
[t]
0: t {Id: "234"}
     {slotId : "234"}
    length: 2
    __proto__: Array(0)


what is i 1
What is mass Del Timeslot ID?
235
massdel test
(2) [t,t]
0: t {slotId: "235"}
     {slotId : "235"}
    length 2
    _proto_: Array(0)

list for del
(2) [t,t]
0: t {slotId: "235"}
     {slotId : "235"}
    length 2
    _proto_: Array(0)

Answer 1

这并不特定于 TypeScript。 JavaScript 中的对象是通过引用来访问的。因此，当您将对象添加到数组时，您添加了对该对象的引用。对象本身没有被克隆。

因此，例如，通过这样做：

let obj = new MassDelete();
array.push(obj);
array.push(obj);

您将同一个对象推了两次。这意味着对其中任何一个的修改也会出现在另一个上，因为它们是同一个对象。

您可能应该每次都创建一个新对象。