为对象数组创建新属性时出现对象不可扩展错误

问题分析

当你在尝试为对象数组中的对象添加新属性时，如果遇到“对象不可扩展”错误，这意味着该对象被设置为不可扩展。这通常是由于以下几种情况造成的：

对象被冻结：使用 Object.freeze() 方法冻结的对象是不可扩展的。
对象被密封：使用 Object.seal() 方法密封的对象也是不可扩展的。
对象来自不可扩展的源：某些内置对象或第三方库返回的对象可能是不可扩展的。

解决方法

1. 检查对象是否被冻结或密封

你可以使用 Object.isFrozen() 和 Object.isSealed() 方法来检查对象是否被冻结或密封。

const obj = { a: 1 };
Object.freeze(obj);

if (Object.isFrozen(obj)) {
  console.log('对象被冻结，无法添加新属性');
}

2. 创建新对象并复制属性

如果对象是不可扩展的，你可以创建一个新对象，并将原对象的属性复制到新对象中，然后添加新属性。

const originalArray = [{ a: 1 }, { b: 2 }];
const newArray = originalArray.map(item => {
  if (Object.isFrozen(item)) {
    return { ...item, newProperty: 'newValue' };
  }
  return item;
});

console.log(newArray);

3. 避免修改不可扩展的对象

如果你无法控制对象的不可扩展性，最好的做法是避免修改这些对象。你可以创建一个新的对象来存储需要添加的新属性。

const originalArray = [{ a: 1 }, { b: 2 }];
const newArray = originalArray.map(item => {
  return { ...item, newProperty: 'newValue' };
});

console.log(newArray);