JavaScript-将对象添加到对象

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.

Answer 1

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;

Answer 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' };

Answer 3

You can initially create the object Product

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

Then add it to the object Stock :

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