JavaScript中向数组推送数据失败问题求助

• 控制台显示问题
  你当前用console.log("after pushing:", primaryContact)输出整个对象，浏览器控制台通常保存对象引用，显示的是快照而非实时状态。要确认数组是否真的添加了元素，应该直接输出数组本身：

  console.log("after pushing phones:", primaryContact.phones)
  

  这样能看到push操作后的实时数组内容。

• 多余的初始化代码
  buildContactsCollection中的if(primaryContact.phones === undefined)完全多余，因为Card类的phones getter已经在_phones未定义时自动初始化为空数组。删除这行代码可避免逻辑混淆：

  // 删掉以下冗余代码：
  // if(primaryContact.phones === undefined){
  //   primaryContact.phones = []
  // }
  

• 检查后续代码的修改操作
  如果确认push执行后数组仍无变化，要排查push之后是否有其他代码重置了phones数组（比如调用primaryContact.phones = []这类赋值操作），覆盖了你刚添加的元素。

• 优化类型定义（可选）
  当前phones使用Object[]类型过于模糊，建议定义具体的Phone接口约束类型，避免潜在类型问题：

  interface Phone {
    type: string;
    phoneType: string;
    extn: string;
    rawNumber: string;
  }
  
  export class Card {
    private _mobile: string;
    private _mobileRawNumber: string;
    private _phones: Phone[]; // 修改为具体类型
  
    // ... 其他getter/setter保持不变
    get phones(): Phone[] {
      if(this._phones === undefined)
          this._phones = [];
      return this._phones;
    }
  
    set phones(val: Phone[]){
        this._phones = val;
    }
  }
  

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