代码之家 › 专栏 › 技术社区 › HalfWebDev

仅更新非空字段|对象排列

ecmascript-6 javascript

HalfWebDev · 技术社区 · 6 年前

我想知道是否有一个单一的班轮是可能的东西,如

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

我只是在检查名字,姓氏等等。如果我有几个这样的领域呢?

所以我不想在写时用空值更新任何字段

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

2 回复 | 直到 6 年前

Bergi 6 年前

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

或类似的对象扩展语法:

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

错误值将被忽略,不会导致创建任何属性。

Jonas Wilms 6 年前

不是,但是你可以用一个小助手:

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

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

推荐文章

Udders · 使用另一个数组中的值按索引从数组中删除

2 年前

Matt · 获取数组长度并推入每个对象

2 年前

Rahmouni Rabii · 尝试访问数组中的对象时未定义

3 年前

Brian Patterson · Javascript自定义数组。原型方法日志“未定义”

3 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

3 年前

Arka Bhattacharjee · 如何在JavaScript中反转大写的字符串?[重复]

3 年前

Zeeps Wear · 如何按键对对象进行分组?

3 年前

Kevin Giraldo · 如何更改字符串或数字在JavaScript中转换类的方式?

3 年前

Rachel · 如何按ID从JSON对象数组中删除数组元素

3 年前

minsu123 · 如何解析react中的单个引用?

3 年前