javascript - TypeScript 奇怪的值

Question

我在 TypeScript 中使用以下代码进行了测试，console.log(this.userList); 的输出是相同的，我的代码有什么问题吗？

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `<h1 (click)='Test()'>Hello {{name}}</h1>`,
})
export class AppComponent  { 
  name = 'Angular'; 
  userList:User[]=[
    {id:1,name:"T1",isChecked:false},
    {id:2,name:"T2",isChecked:false},
    {id:3,name:"T3",isChecked:false}
  ];
  Test(){
    console.log(this.userList);
    this.userList.forEach((user)=>{
      user.isChecked=true;
    });
    console.log(this.userList);
  }
}

export interface User{
  id?:number,
  name?:string,
  age?:number,
  isChecked?:boolean
}

Answer 1

该问题不是因为您的代码有任何问题。它与开发者控制台处理对象的方式有关。在开发者控制台中，当您展开对象时，它会显示该对象当前所处的状态。

要查看差异，您可以尝试 JSON.stringify-ing 您的对象 - 这会将当前对象转储为字符串:

console.log(JSON.stringify(this.userList));
this.userList.forEach((user)=>{
  user.isChecked=true;
});
console.log(JSON.stringify(this.userList));