Javascript pushing objects into array changes entire array

by

When you push servermessage into servermessagelist you’re really (more or less) pushing a reference to that object. So any changes made to servermessage are reflected everywhere you have a reference to it. It sounds like what you want to do is push a clone of the object into the list.

Declare a function as follows:

function cloneMessage(servermessage) {
    var clone ={};
    for( var key in servermessage ){
        if(servermessage.hasOwnProperty(key)) //ensure not adding inherited props
            clone[key]=servermessage[key];
    }
    return clone;
}

Then everytime you want to push a message into the list do:

servermessagelist.push( cloneMessage(servermessage) );

More Related Contents:

  1. Pick data from array of objects and return new object
  2. How to get all the values associated with an object in array?
  3. Most efficient method to groupby on an array of objects
  4. How to remove all duplicates from an array of objects?
  5. Convert Array to Object
  6. What is the difference between ( for… in ) and ( for… of ) statements?
  7. Group array of object nesting some of the keys with specific names
  8. Sum similar keys in an array of objects
  9. Sort array of objects by single key with date value
  10. How to add an object to an array
  11. Add property to an array of objects
  12. How to update an “array of objects” with Firestore?
  13. How to map more than one property from an array of objects
  14. Find and remove objects in an array based on a key value in JavaScript
  15. Why Array.indexOf doesn’t find identical looking objects
  16. Javascript: how to dynamically create nested objects using object names given by an array
  17. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  18. Using jQuery to compare two arrays of Javascript objects
  19. Create an empty object in JavaScript with {} or new Object()?
  20. Javascript group objects by property [closed]
  21. Getting index of an array’s element based on its properties
  22. Push Object in Array [duplicate]
  23. Uncaught TypeError: Object.values is not a function JavaScript
  24. JavaScript: Remove duplicates of objects sharing same property value
  25. traversing through JSON string to inner levels using recursive function
  26. Array.includes() to find object in array
  27. Recursive depth function on an array
  28. Lodash create collection from duplicate object keys
  29. Declaring array of objects
  30. Node.js – console.log does not show items in array but instead shows [Object]

Leave a Comment