Angularjs join two objects

Question

I have two objects:

obj1 = { 'id1': 1, 'name1': 'anyone1', 'birth1': 22, 'year1': 1993 };

obj2 = { 'id2': 1, 'name2': 'anyone', 'birth2': 22, 'year2': 1993 };

And I would like to create a Array like:

ARRAY = {

          obj1 = { 
                    'id1': 1, 'name1': 'anyone1', 'birth1': 22, 'year1': 1993                  
                 },   

        obj2 = { 
                  'id2': 1, 'name2': 'anyone', 'birth2': 22, 'year2': 1993 
                }

          }

I would like to call it like 'ARRAY.obj1.id1'

How can I do this?

This is very confusing... Why do you want to name a object "ARRAY"? Are you trying to intentionally mislead other developers? :D — Canastro
– Canastro, Commented Feb 14, 2017 at 20:55
@Canastro, see associative arrays in PHP for example. They are used there pretty much like we use Object literals in JS. But I agree, names sometimes matter. — Thomas
– Thomas, Commented Feb 14, 2017 at 21:06
Yes in php we have associative arrays, in javascript I prefer to call it map. I'm very fond on using maps in javascript, I'm in love with normalizr. — Canastro
– Canastro, Commented Feb 14, 2017 at 21:12
I did it because of this question, I created a CompositeObject like this other asnwer — kfm
– kfm, Commented Feb 14, 2017 at 22:31

Mihai Alexandru-Ionut · Accepted Answer · 2017-02-14 21:07:07Z

2

The solution is to create a new object with two keys:

obj1 = { 'id1': 1, 'name1': 'anyone1', 'birth1': 22, 'year1': 1993 };

obj2 = { 'id2': 1, 'name2': 'anyone', 'birth2': 22, 'year2': 1993 };
var obj={};
obj["obj1"]=obj1;
obj["obj2"]=obj2;
console.log(obj);
console.log(obj.obj1.id1);

edited Feb 14, 2017 at 21:07

answered Feb 14, 2017 at 20:53

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

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

3 Comments

chrispy Over a year ago

Really should not name that object Array.

sqykly Over a year ago

I don't know what issue this addresses; if it satisfies OP, great, but then OP's problem is that he doesn't know how objects work in js. You technically don't even need the square brackets and quotes to make an object do this. But let's say we come up with an element called obj["hasOwnProperty"]. That's why we have the Map class in ES6, which is what OP should be using instead.

Mihai Alexandru-Ionut Over a year ago

@kfm, don't forget to accept answer in order to help other people.

Matthew Cawley · Accepted Answer · 2017-02-14 22:26:48Z

0

Another example using Object.assign:

obj1 = { 'id1': 1, 'name1': 'anyone1', 'birth1': 22, 'year1': 1993 };
obj2 = { 'id2': 1, 'name2': 'anyone', 'birth2': 22, 'year2': 1993 };
var obj3 = Object.assign({}, { obj1: obj1 }, { obj2: obj2} );
console.log(obj3);

answered Feb 14, 2017 at 22:26

Matthew Cawley

2,8281 gold badge10 silver badges19 bronze badges

Comments

Matthew Cawley · Accepted Answer · 2017-02-14 22:39:02Z

0

Also, since it was an angular question, you can also use the angular.extend function:

var obj1 = { 'id1': 1, 'name1': 'anyone1', 'birth1': 22, 'year1': 1993 };
var obj2 = { 'id2': 1, 'name2': 'anyone', 'birth2': 22, 'year2': 1993 };
var obj3 = angular.extend({}, { obj1: obj1, obj2: obj2 } );
console.log(obj3);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

answered Feb 14, 2017 at 22:39

Matthew Cawley

2,8281 gold badge10 silver badges19 bronze badges

Comments

sqykly · Accepted Answer · 2017-02-15 20:35:17Z

0

Use

var myNamedStuff = new Map;
myNamedStuff.set("obj1", obj1);

etc.

What you're asking for is a Map. We used plain objects as maps before ES6, but we got all sorts of security risks and exceptions related to name clashes, especially when vendor-specific properties show up in Object.prototype. ES6 introduces the Map so that we never do that again and instead have a guaranteed clean name space like we really wanted.

edited Feb 15, 2017 at 20:35

answered Feb 14, 2017 at 22:53

sqykly

1,59611 silver badges16 bronze badges

Collectives™ on Stack Overflow

Angularjs join two objects

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related