How to merge two json objects (one is array inside of another)

Question

I'm having problem joining those two

let tasks = [];

    this.tasks.map(it => {
        tasks.push(
            {
                'prop1': it['prop1'],
                'prop2': it['prop2'],
                'prop3': it['prop3'],
            }
        );
    });

    let projects = {
        'title': this.projectForm.value['title'],
        'state': this.projectForm.value['state'],
        'comment': this.projectForm.value['comment'],
        'other': 
        // here I want to have the whole "tasks" array with "prop1", "prop2", "prop3".
    };

How to throw the whole response from tasks to projects->other? I have good response when I console.log tasks, but projects just don't have "other" prop and that makes my form invalid.

Forms are made with Angular FormBuilder.

(Just letting you know that in this case using ":" doesn't work - array is not assigned and property "other" is completely skipped in console etc.)

Sanyam Goel · Accepted Answer · 2019-01-15 11:47:45Z

2

Use spread Operator

This will do the thing you need

let otherObject= {...tasks};

let projects= {'other': {...otherObject}, 'title': this.projectForm.value['title'],
        'state': this.projectForm.value['state'],
        'comment': this.projectForm.value['comment']
    }

Note spread operator starts with '...' and is ES6 feature

I am adding further an example from using browser console ( chrome), This should help to clarify it further.

So one mate raised a point in the comments about having an array in spread in place of single object Below is something you can refer ;) enjoy!!

Adding one more way of doing it using spread operator :

edited Jan 15, 2019 at 11:47

answered Jan 15, 2019 at 9:49

Sanyam Goel

2,18022 silver badges42 bronze badges

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

11 Comments

arizafar Over a year ago

personAddressVar = {street: ""rue de", city: "Brussels"} now doing {...personAddressVar} will just create a shallow copy of the same object it good to have, but what's the need of creating two copies one in otherObject then copy of otherObject in 'other': 'value' and also in the question tasks seem to be an array of objects but not an object.

Sanyam Goel Over a year ago

No need of creating otherObject thats why gave an example by running in console

arizafar Over a year ago

but not like {...'an array'} 'tasks' is an array but not an object so {...tasks} will create key-value pairs having keys as numbers 0,1,2...

Sanyam Goel Over a year ago

I do not understand your problem specifically. What you are trying to solve. May be you are understating it completely wrong. Every thing is treated as an Object in Javascript since you are a MEAN stack so this concept is always known. Now, Array does not mean it always has to be of primitives like [1,2,3,4 ], it can be aray of object of key value as well

a-k-h Over a year ago

@Ariz What Sanyam wrote works in my example. You are not able to see it in repl because I use values from formBuilder etc. (what I wrote in my post is not my whole code, just a part I have problem with)

|

Meysam Hit · Accepted Answer · 2019-01-15 10:14:23Z

0

You can use simple equal : to concat two objects is typescript, and also here is online environment you can see join two objects, (your example) : https://stackblitz.com/edit/angular-cdjv2k

answered Jan 15, 2019 at 10:14

Meysam Hit

4491 gold badge4 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to merge two json objects (one is array inside of another)

2 Answers 2

11 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related