如何在 javascript 中的纯 function 中更新 object？

Question

I'm trying to figure out the best way to make a function pure that relies on updating an object. Is the only way to do a deep copy?

I know questions on how to copy an object are answered a lot on here. I'm asking if there is another way to keep this function pure:

function changeId(item: ObjectWithId): ObjectWithId {
  // Not pure
  item.id = 1;
  return item;
}

Is the only way a deep copy?

function changeId(item: ObjectWithId): ObjectWithId {
  const newItem = deepCopy(item);
  newItem.id = 1;
  return newItem;
}

Answer 1

The standard is to use the spread operator

function changeId(item: ObjectWithId): ObjectWithId {
  return { ...item, id: 1 };
}

It copies all the properties to a new object and you can have a list of property overrides.

You don't need a deep copy as you have not mutated the original input, even if the properties are objects you can reuse them as properties on the new object if you have not mutated them.

If you want to change object properties you can create new objects for the property

{
  ...originalObject,
  changedProperty: { ...originalObject.changedProperty, propertyToChange: newValue }
}