Assign value not reference in javascript

Question

I am having a little problem assigning objects in javascript.

take a look at this sample code that reproduces my problem.

var fruit = {
   name: "Apple"
};

var vegetable = fruit;
vegetable.name = "potatoe";
console.log(fruit);

it logs

Object {name: "potatoe"}

How can I assign the value not the reference of an object to another object?

Solution

You can use Object.assign:

var fruit = {
   name: "Apple"
};

var vegetable = Object.assign({}, fruit);
vegetable.name = "potatoe";
console.log(fruit);

Comments

[Liam]

Note, this doesn't assign the value (as the OP wants) but copies it into a new object. Subtle but sometimes important distinction

[Mubashar Abbas]

can you please explain a little this assign call? what is that empty object in the first argument?

[Liam]

@MubasharAbbas See here

[Rafael Andrs Cspedes Basterio]

Object.assign({}, obj); you can see more in: developer.mozilla.org/es/docs/Web/JavaScript/Referencia/…