Update object array without adding new properties from another object

Question

Is it possible to update only the existing property values of an object without adding new properties from another object?

Here is my example.

form = {name: '',email: ''};
data = {name: 'sample', email: '[email protected]', datofbirth: '6/2/1990' };

form = {...form, ...data};

console.log(form);

Result:

{"name":"sample","email":"[email protected]","datofbirth":"6/2/1990"}

Expected Result:

{"name":"sample","email":"[email protected]"}

I dont want the dateofbirth or any new property added on my form object.

iamhuynq · Accepted Answer · 2020-06-16 03:23:11Z

2

Not sure this is what you want, hope it helps

const form = { name: '', email: '' };
const data = {
    name: 'sample',
    email: '[email protected]',
    datofbirth: '6/2/1990',
};
Object.keys(form).forEach(key => {
    if (data.hasOwnProperty(key)) {
        form[key] = data[key];
    }
});
console.log(form);

answered Jun 16, 2020 at 3:23

iamhuynq

5,5572 gold badges17 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

テストやろう Over a year ago

A little shorter: Object.keys(form).map(key=> form[key] = data[key]);

Adrian Brand · Accepted Answer · 2020-06-16 04:56:34Z

1

Only add the keys you want in the spread rather than the whole object

form = { ...form, name: data.name, email: data.email };

answered Jun 16, 2020 at 4:56

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

Comments

Hassan Imam · Accepted Answer · 2020-06-16 05:04:21Z

0

Iterate over all the keys in form and generate a new object using Object.assign and spread syntax.

const form = {name: '',email: ''},
      data = {name: 'sample', email: '[email protected]', datofbirth: '6/2/1990' },
      result = Object.assign(...Object.keys(form).map(k => ({[k] : data[k]})));
console.log(result);

answered Jun 16, 2020 at 5:04

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Collectives™ on Stack Overflow

Update object array without adding new properties from another object

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related