Remplacer un objet javascript par un autre objet

Question

Lors du chargement de la page, je crée deux objets Javascript, objDemo1 et objDemo1Backup où ce dernier est simplement une copie exacte du premier.

par exemple.

objDemo1 { 
    sub_1 = { something: 123, somethingElse: 321 }, 
    sub_2 = { something: 456, somethingElse: 654 } 
} 

Je peux modifier les valeurs sub_ ainsi que d'ajouter/supprimer de nouveaux sub_ « s, mais le seul objet que je suis l'édition est objDemo1. dire que je ne change objDemo1Backup

J'ai un bouton de réinitialisation lorsque vous cliquez dessus réinitialisera objDemo1 à ce qu'elle était lorsque la page chargée à l'origine (à savoir objDemo1 = objDemo1Backup). C'est là que j'ai le problème ..

Comment régler objDemo1 à objDemo1Backup?

J'ai essayé:

objDemo1 = objDemo1Backup; 

et

objDemo1 = null; 
var objDemo1 = objDemo1Backup; 

... ainsi que des variations similaires, mais rien ne semble fonctionner. Des idées?

• Note: Je peux confirmer que le point de remise à zéro, objDemo1Backup est exactement le même que celui qu'il était quand je l'ai créé et objDemo1 a changé.
• Mon code frappe définitivement la fonctionnalité "reset", où j'ai essayé le objDemo1 = objDemo1Backup ... Je n'arrive pas à trouver la syntaxe pour remplacer l'objet.

Answer 1

Dans les objets JavaScript sont transmis par référence, jamais par valeur. Donc:

var objDemo, objDemoBackup; 
objDemo = { 
    sub_1: "foo"; 
}; 
objDemoBackup = objDemo; 
objDemo.sub_2 = "bar"; 
console.log(objDemoBackup.sub_2); // "bar" 

Pour obtenir une copie, vous devez utiliser une fonction de copie. JavaScript n'a pas un mode natif mais voici une implémentation clone: How do I correctly clone a JavaScript object?

var objDemo, objDemoBackup; 
objDemo = { 
    sub_1: "foo"; 
}; 
objDemoBackup = clone(objDemo); 
objDemo.sub_2 = "bar"; 
console.log(objDemoBackup.sub_2); // undefined 

Answer 2

J'utilise AngularJS et il m'a fallu un certain temps pour savoir comment copier un objet à un autre objet. Normalement, vous obtiendrez un clone des objets en appelant clone ou ici en angulaire copie:

var targetObj = angular.copy(sourceObj); 

Cela vous donne une nouvelle instance clonée (avec une nouvelle référence) de l'objet source. Mais un rapide coup d'oeil dans les documents révèle le deuxième paramètre de copie:

angular.copy(sourceObj, targetObj) 

De cette façon, vous pouvez remplacer un objet cible avec les champs et les méthodes de la source et garder aussi la cible des objets de référence.