如何为agencyList[0].itemName赋值？遇Cannot set properties of undefined错误

问题出在agencyList是空数组，agencyList[0]对应的元素不存在，返回undefined，自然没法给它的itemName属性赋值。以下是几种正确的赋值方式：

方式1：先添加实例再赋值 #

先创建SelectedItem的实例并加入数组，之后再访问索引赋值：

// 创建实例并添加到数组
agencyList.push(new SelectedItem());
// 现在可以正常赋值
agencyList[0].itemName = 'agency1';

// 也可以在添加时直接初始化所有属性
agencyList.push({ id: 1, itemName: 'agency1', isChecked: false } as SelectedItem);

方式2：提前初始化数组元素 #

如果需要数组一开始就有指定数量的元素，可以提前创建实例填充：

// 初始化数组，创建1个SelectedItem实例
agencyList = Array.from({ length: 1 }, () => new SelectedItem());
// 直接赋值
agencyList[0].itemName = 'agency1';

方式3：直接初始化带目标元素的数组 #

直接在定义数组时就包含已设置属性的元素：

agencyList = [{
  id: 1,
  itemName: 'agency1',
  isChecked: false
}];

优化建议：给类添加构造函数 #

如果给SelectedItem类加上构造函数，创建实例时可以更规范地初始化属性：

export class SelectedItem {
  constructor(
    public id: number,
    public itemName: string,
    public isChecked: boolean
  ) {}
}

// 创建实例时直接传参
agencyList.push(new SelectedItem(1, 'agency1', false));

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