Do objects pushed into an array in javascript deep or shallow copy?

by

It depends upon what you’re pushing. Objects and arrays are pushed as a pointer to the original object . Built-in primitive types like numbers or booleans are pushed as a copy. So, since objects are not copied in any way, there’s no deep or shallow copy for them.

Here’s a working snippet that shows it:

var array = [];
var x = 4;
let y = {name: "test", type: "data", data: "2-27-2009"};

// primitive value pushes a copy of the value 4
array.push(x);                // push value of 4
x = 5;                        // change x to 5
console.log(array[0]);        // array still contains 4 because it's a copy

// object reference pushes a reference
array.push(y);                // put object y reference into the array
y.name = "foo";               // change y.name property
console.log(array[1].name);   // logs changed value "foo" because it's a reference    

// object reference pushes a reference but object can still be referred to even though original variable is no longer within scope
if (true) {
    let z = {name: "test", type: "data", data: "2-28-2019"};
    array.push(z);
}

console.log(array[2].name);   // log shows value "test" since the pointer reference via the array is still within scope

More Related Contents:

  1. Array.push() if does not exist?
  2. Declare an empty two-dimensional array in Javascript?
  3. push() a two-dimensional array
  4. JavaScript Array Push key value
  5. Pick data from array of objects and return new object
  6. Loop through an array in JavaScript
  7. How to append something to an array?
  8. What does `return` keyword mean inside `forEach` function? [duplicate]
  9. Get JavaScript object from array of objects by value of property [duplicate]
  10. Remove empty elements from an array in Javascript
  11. How to sort 2 dimensional array by column value?
  12. JQuery .each() backwards
  13. How to update an “array of objects” with Firestore?
  14. How to randomize (shuffle) a JavaScript array?
  15. Copy array by value
  16. Idiomatically find the number of occurrences a given value has in an array
  17. Reverse array in Javascript without mutating original array
  18. Undefined values in Array(len) initializer
  19. Javascript – Generating all combinations of elements in a single array (in pairs)
  20. Filtering an array with a function that returns a promise
  21. Why does 2 == [2] in JavaScript?
  22. Javascript algorithm to find elements in array that are not in another array
  23. Using promise function inside Javascript Array map
  24. What does $(selector)[0] mean in jQuery?
  25. Reordering arrays
  26. Randomizing elements in an array?
  27. Why doesn’t the sort function of javascript work well?
  28. Get array’s depth in JavaScript
  29. How can I remove an element from a list, with lodash?
  30. Remove duplicates in an object array Javascript

Leave a Comment