Javascript create object with property as dynamic objects

Question

I tried a lot searching and didnt get desired solutions.

What I want to achieve is

var myObject {
  id1 : { 
    name:place_name,
    location : place_loc
  },
  id2 : { 
    name:place_name,
    location : place_loc
  },
  id3 : { 
    name:place_name,
    location : place_loc
  }
}

What I want to do is that Initially I want the properties "id1", "id2".. to be dynamic. And then dynamically assign name:place_name and other properties of each property.

I dont know the number of properties (id1,id2,id3...) hence would like to add them dynamically and following the addition of properties(id1,id2... ) I want to dynamically add the property values. (place_name & place_loc) of each id.

My code looks something like this.

var myObject = {};
myObject[idnumber1].place = "SomePlace1";
myObject[idnumber1].place = "SomeLoc1";
myObject[idnumber2].place = "SomePlace1";
myObject[idnumber2].place = "SomeLoc1";

But it gives error.

I know it seems simple doubt but any help would be grateful.

Thanks in advance. :)

a-d · Accepted Answer · 2014-07-20 21:07:06Z

1

You are trying to set a value of already assigned objects at keys "idnumber1", etc.

What you'll need is to initialize each objects for your ids like this:

var myObject = {};
myObject[idnumber1] = {};
myObject[idnumber1].place = "SomePlace1";
myObject[idnumber2] = {};
myObject[idnumber2].place = "SomeLoc1"

answered Jul 20, 2014 at 21:07

a-d

10.9k2 gold badges34 silver badges50 bronze badges

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

1 Comment

soktinpk Over a year ago

Or better: myObject[idnumber1] = { place: "SomePlace1" }

Karl · Accepted Answer · 2014-07-20 21:10:59Z

0

I would do it this way, it's not exactly what you did ask for, but I think it will become easier to change this later on.

function Place(name, location) {
    this.name = name;
    this.location = location;
}

var myObject = {}
myObject['id1'] = new Place('Foo', 'Bar');
myObject['id2'] = new Place('Internet', 'test');
console.log(myObject);

answered Jul 20, 2014 at 21:10

Karl

8336 silver badges13 bronze badges

Comments

Dave Cousineau · Accepted Answer · 2014-07-20 21:26:03Z

0

To dynamically create objects in your collection, you can use a numerical counter variable to create your object collection (myObject["id" + i] = {name: place_name, location: place_loc}).

An example:

var myObject = {};
for (i = 0; i < 20; i++){
    myObject["id" + i] = {name: place_name, location: place_loc}
}

In practice, you can use a counter that you increment outside of a loop.

edited Jul 20, 2014 at 21:26

Dave Cousineau

13.4k8 gold badges70 silver badges83 bronze badges

answered Jul 20, 2014 at 21:14

CC7

263 bronze badges

Collectives™ on Stack Overflow

Javascript create object with property as dynamic objects

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