Copying of an array of objects to another Array without object reference in javascript(Deep copy)

by

Let me understand: you don’t want just have a new array, but you want to create a new instance for all objects are present in the array itself? So if you modify one of the objects in the temp array, that changes is not propagated to the main array?

If it’s the case, it depends by the values you’re keeping in the main array. If these objects are simple objects, and they can be serialized in JSON, then the quickest way is:

var tempArray = JSON.parse(JSON.stringify(mainArray));

If you have more complex objects (like instances created by some your own constructors, html nodes, etc) then you need an approach ad hoc.

Edit:

If you don’t have any methods on your newObjectCreation, you could use JSON, however the constructor won’t be the same. Otherwise you have to do the copy manually:

var tempArray = [];
for (var i = 0, item; item = mainArray[i++];) {
    tempArray[i] = new newObjectCreation(item.localIP, item.remoteIP, item.areaId);
}

More Related Contents:

  1. Why is this simple code giving an error? [duplicate]
  2. how to swap two dropdownlists with one button using javascript [closed]
  3. How do you cache an image in Javascript
  4. Calculating Page Load Time In JavaScript
  5. How to change the HTML content as it’s loading on the page
  6. HTML5 dragleave fired when hovering a child element
  7. What’s wrong with var x = new Array();
  8. Best way to detect Mac OS X or Windows computers with JavaScript or jQuery
  9. `npm build` doesn’t run the script named “build” in package.json
  10. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  11. Open link in iframe [closed]
  12. ES6 destructuring object assignment function parameter default value
  13. “elseif” syntax in JavaScript
  14. Load event not fired on Safari when reloading page
  15. Multiple Select limit number of selection
  16. Call a JavaScript function name using a string?
  17. Flex items not shrinking when window gets smaller [duplicate]
  18. Round a Date() to the nearest 5 minutes in javascript
  19. How to search for a string inside an array of strings
  20. Compare 2 JSON objects [duplicate]
  21. How to force a functional React component to render?
  22. stack and heap in V8 ( JavaScript)
  23. Dynamic deep setting for a JavaScript object [duplicate]
  24. Is there any limitation on JavaScript Max Blob size
  25. Using a Set data structure in React’s state
  26. XMLHttpRequest 206 Partial Content
  27. jQuery click() still being triggered after .clickable class is removed
  28. How to properly escape characters in regexp
  29. JS async/await – why does await need async?
  30. jquery serialize and multi select dropdown

Leave a Comment