JavaScript - Adding an object into an object

Question

I do realise this has been asked before but I cannot find the exact answer to my question.

I'm trying to recreate an object in JavaScript. The original object looks like this:

Stock {
   Id: 'a0236000374782',
   Product { Name: 'Gum',
             Price: 2.49
           }
}

When I attempt to recreate the stock object I already have the first value Id in it and I am trying to somehow push the Product object in it as well. Here's what I have attempted:

var Product = {};
Stock.Product.Name = 'Gum';

This however returns that I cannot set a property Name of undefined. I also tried:

var Product = {};
stock = {Product.Name : 'Gum'};

This returns "Uncaught SyntaxError: Unexpected token ".". I cannot figure out what am I not doing right.

Product { you are missing : here.

Linh Pham
– Linh Pham

2016-02-29 03:47:37 +00:00
Commented Feb 29, 2016 at 3:47 — Linh Pham
– Linh Pham, Commented Feb 29, 2016 at 3:47

Sarhanis · Accepted Answer · 2016-02-29 04:29:15Z

2

You can create objects very easily in JavaScript.

Assuming you already have stock defined looking something like this:

var stock = { id: '1234' };

You can then assign a product as follows:

stock.product = { name: 'Gum', price: 2.49 };

That's the same as doing this:

var product = { name: 'Gum', price: 2.49 };
stock.product = product;

But you can't assign a property onto an object that hasn't already been created. So this isn't possible:

stock.uncreatedObject.myProp = 'Will not work';

But this is possible:

stock.createdObject = {};
stock.createdObject.myProp = 'This will work';

Which is equivalent to this:

stock.createdObject = { myProp: 'Will Work' };

edited Feb 29, 2016 at 4:29

answered Feb 29, 2016 at 3:46

Sarhanis

1,5851 gold badge12 silver badges20 bronze badges

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

4 Comments

Nikolay Over a year ago

Thank you, this worked! I don't understand why Stock.Product.Name = 'Gum'; doesn't work though. Is it not the same thing?

Sarhanis Over a year ago

No, because a product hasn't already been defined. I'll expand my answer.

Nikolay Over a year ago

But having var Product = {}; <- is that not defining the Product object?

Nikolay Over a year ago

Thank you so much for all of the clarifications! That was awesome to learn!

Datsik · Accepted Answer · 2016-02-29 03:44:59Z

2

Not sure what you're asking but I think you want something like this

var Stock = {
    Id: 'asdasdasd',
    Product: {
       Name: 'Gum',
       Price: '2.49'
    }
};

Or

var Stock = {
    Id: 'asdasdasd'
}

var Product = {
    Name: 'Gum',
    Price: '2.49'
}

Stock.Product = Product;

answered Feb 29, 2016 at 3:44

Datsik

14.9k15 gold badges85 silver badges129 bronze badges

2 Comments

AtheistP3ace Over a year ago

Although you seem to have "guessed" correctly I still wonder why you would answer something when you don't know what the question is. =]

Datsik Over a year ago

@AtheistP3ace It wasn't hard to figure out what his intensions were by his code, just didn't understand exactly the way he was asking it, also the title was pretty clear

Jude · Accepted Answer · 2016-02-29 03:48:46Z

1

You can initially create the object Product

var Product = {Name: "", Price: ""};

Then add it to the object Stock:

var Stock = {Id: "", Product};

answered Feb 29, 2016 at 3:48

Jude

5433 silver badges21 bronze badges

Collectives™ on Stack Overflow

JavaScript - Adding an object into an object

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related