Alter and Assign Object Without Side Effects

Question

I currently have the following code:

var myArray = []; var myElement = {   id: 0,   value: 0 }  myElement.id = 0; myElement.value = 1; myArray[0] = myElement;  myElement.id = 2; myElement.value = 3; myArray[1] = myElement; 

The problem is that when I change the value of id and value for my second element, the values also change in the first element. Is there a way that I can keep adding new elements without it changing the value of the previously inserted values in the array?

Answer 1

Try this instead:

var myArray = [];  myArray.push({ id: 0, value: 1 }); myArray.push({ id: 2, value: 3 }); 

or will this not work for your situation?