使用ES6解构简化javascript对象创建

Question

Is there a way to simplify the update of the user object using destructuring where I have an old object and I want to update to the new object with the same names for the properties.

I want to use the same user object and update the values rather than creating a new object.

function UpdateUserProps(user, updatedUser) {
    const { email, status } = updatedUser;
    user.email = email;
    user.status = status;
    return user;
}

Answer 1

You could use spread syntax ... in object. This creates a new object.

 function UpdateUserProps(user, updatedUser) { return {...user, ...updatedUser} } 

You can also use parameter destructuring to take specific properties from update object.

 function UpdateUserProps(user, {email, status}) { return {...user, ...{email, status}} } let user = { name: "foo", email: "foo", status: true } console.log(UpdateUserProps(user, { email: "bar", status: false })) 

Answer 2

You could do it without destructuring as well using Object.assign

function updateUserProps(user, updatedUser) {
 return Object.assign({}, user, updatedUser);
}

If you want to update in the same user object

function updateUserProps(user, updatedUser) {
 return Object.assign(user, updatedUser);
}