前端开发：处理ProfileClientSalary数组为空及对象不可扩展问题

核心问题分析 #

你遇到的第一个错误Cannot read properties of undefined (reading 'amount')，本质是profileClientSalary数组为空时，profileClientSalary[0]返回undefined，继续访问.amount就会报错。

而后续的Cannot add property 0, object is not extensible和Cannot assign to read only property 'profileClientSalary'错误，是因为传入的profileClient对象是不可扩展/只读的（比如来自状态管理库的冻结对象、API返回的不可修改对象，或者被Object.freeze()处理过），直接修改它的属性或数组都会被阻止。你的思路试图修改原对象，这是错误的方向——不需要修改原对象就能解决最初的空数组报错问题。

正确解决方案 #

方案1：安全取值（最直接，无需修改原对象） #

使用可选链操作符(?.)和空值合并操作符(??)，在访问属性前先判断是否存在，避免报错：

EditDatesAndSalary(profileClient: ProfileClientPeriod) {
    // 先判断数组是否有元素，再取amount，没有的话设默认值（比如0）
    const salaryAmount = profileClient.profileClientSalary[0]?.amount ?? 0;
    this.salary.setValue(salaryAmount);
}

• ?.：如果profileClientSalary[0]是undefined或null，表达式直接返回undefined，不会继续访问.amount
• ??：如果前面的结果是undefined或null，就用后面的默认值（这里设为0，你可以根据业务调整）

方案2：若需保证数组有默认值（先拷贝再处理） #

如果业务逻辑要求必须从数组中取值，且需要给空数组加默认的Salary对象，那么不能直接修改原只读对象，必须先深拷贝出一个可修改的副本：

EditDatesAndSalary(profileClient: ProfileClientPeriod) {
    // 深拷贝原对象，得到可修改的副本
    const clientCopy = JSON.parse(JSON.stringify(profileClient));
    // 给空数组添加默认Salary对象
    if (!clientCopy.profileClientSalary.length) {
        clientCopy.profileClientSalary.push({
            clientId: 0,
            profileId: 0,
            amount: 0,
            startDate: new Date(),
            endDate: new Date()
        });
    }
    // 从副本中取值
    this.salary.setValue(clientCopy.profileClientSalary[0].amount);
}

• 注意：JSON.parse(JSON.stringify())是简单的深拷贝方式，若对象中有Date类型，拷贝后会变成字符串，需要额外处理；如果用的是Angular/React，可以使用库（如Lodash的_.cloneDeep）来处理复杂类型的深拷贝。

为什么之前的思路错误？ #

你试图直接修改传入的profileClient对象（添加数组元素、重新赋值数组），但该对象是不可扩展/只读的，JS引擎会阻止这类修改操作，所以抛出了相关错误。解决最初的空数组问题，根本不需要修改原对象，只需要做安全取值即可。

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