仅更新非空字段|对象传播

Question

我想知道是否有一个衬里可能像这样

        let updatedUser;
        if (firstName) {
            updatedUser = { ...userData, firstName };
        }
        if (lastName) {
            updatedUser = { ...userData, lastName };
        }
        if (password) {
            updatedUser = { ...userData, password };
        }

我只是检查名字、姓氏等是否为空。如果我有几个这样的字段呢？

因此，如果我写入，我不想用空值更新任何字段

updatedUser = { ...userData, firstName, lastName, password  };

如果我的字段为空，是否有任何可能的替代方案可以告诉object spread或任何其他内容不要更新？

Answer 1

不太可能，但是你可以使用一个小助手：

 const assignDefined = (target, props) =>
   Object.entries(props).forEach(([k, v]) => v && (target[k] = v));

这样你就可以写：

updateUser = assignDefined({...userData}, { firstName, lastName, password });

Answer 2

您可以使用

const updatedUser = Object.assign({},
     userData,
     firstName && {firstName},
     lastName && {lastName},
     password && {password}
);

或类似于对象扩展语法：

const updatedUser = {
     ...userData,
     ...firstName && {firstName},
     ...lastName && {lastName},
     ...password && {password}
};

虚假值将被忽略，并且不会导致任何属性的创建。