javascript multi level object manipulation

Question

How can I write a function that will accept injectionObject and modify currentObject? I believe this is sort of how GraphQL works if I'm not mistaken. I need to achieve this effect in plain JS.

    //Object to inject into current object
    const injectionObject = {
        pages: {
            about: {
                title: 'Changed About Page'
            }
        }
    }
    //Object that requires modification based on above object
    const currentObject = {
        pages: {
            home: {
                title: 'Home Page',
                description: 'This is the home page'
            },
            about: {
                title: 'About Page',
                description: 'This is the about page'
            }
        }
    }
    //output
    const outputObject = {
        pages: {
            home: {
                title: 'Home Page',
                description: 'This is the home page'
            },
            about: {
                title: 'Changed About Page', //Only this was affected
                description: 'This is the about page'
            }
        }
    }

Nina Scholz · Accepted Answer · 2020-01-14 09:19:58Z

2

You could take he entries and update the property or visit the nested properties.

const
    update = (target, source) => Object.entries(source).forEach(([k, v]) => {
        if (v && typeof v === 'object') update(target[k] = target[k] || {}, v);
        else target[k] = v;
    }),
    injectionObject = { pages: { about: { title: 'Changed About Page' } } },
    currentObject = { pages: { home: { title: 'Home Page', description: 'This is the home page' }, about: { title: 'About Page', description: 'This is the about page' } } };

update(currentObject, injectionObject);

console.log(currentObject);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Jan 14, 2020 at 9:19

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Collectives™ on Stack Overflow

javascript multi level object manipulation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related