Angular中初始化对象数组报错：TypeError: Cannot set property 'ID' of undefined

你遇到的问题确实是因为数组对应位置的Piece对象还没被创建——虽然你初始化了pieces为一个空数组，但数组里的每个位置默认都是undefined，直接去访问this.pieces[pos].ID自然会报错。下面给你几种靠谱的解决方式：

1. 在访问前检查并初始化对应位置的对象 #

修改你的test方法，先判断目标位置是否存在Piece实例，不存在就先创建一个：

test(pos){
  // 如果该位置没有Piece实例，先实例化一个
  if (!this.pieces[pos]) {
    this.pieces[pos] = new Piece();
  }
  this.pieces[pos].ID = "test";
}

这种方式适合动态处理不确定位置的场景，比如用户点击某个动态生成的位置时才初始化对象。

2. 提前初始化数组所有需要的位置 #

如果你的数组长度是固定的，可以在组件的ngOnInit钩子中提前填充所有Piece实例：

ngOnInit(): void {
  // 假设你需要初始化3个Piece对象，可根据实际需求调整数量
  const initialLength = 3;
  for (let i = 0; i < initialLength; i++) {
    this.pieces.push(new Piece());
  }
}

这样调用test方法时，每个有效的pos位置都已经有了对应的Piece对象，就不会出现undefined的问题。

3. 优化Piece类的构造函数（可选） #

为了让对象初始化更严谨，可以给Piece类添加构造函数，设置默认值，避免属性为undefined：

export class Piece{
  ID: string;
  doors: string;

  constructor(id: string = '', doors: string = '') {
    this.ID = id;
    this.doors = doors;
  }
}

之后创建实例时可以直接传值（new Piece('test-id', '2')），或者不传就用默认的空字符串，让代码更健壮。

内容的提问来源于stack exchange，提问作者bellotas