Discussion :

[darkside777]

Bonjour !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var twoObjects = [
    {
    	name: 'computer',
    	age: 5
 
    },
 
    {
    	name: 'chair',
    	age: 10
    }
 
],
 
     myObjects = [];
 
 
myObjects.push(twoObjects[0], twoObjects[0], twoObjects[1]);
alert(myObjects[0].age + " " + myObjects[1].age);
myObjects[0].age = 10;
alert(myObjects[0].age + " " + myObjects[1].age);

Dans le code au dessus, je change l' age de 1er "computer" (myObjects[0].age) pour qu'il ait 10 ans mais ca change aussi l'age de mon deuxième "computer" (myObjects[1].age)
Est-il possible de ne changer que l'age du premier ou pas ?
merci

[Watilin]

JavaScript manipule toujours les objets via leurs références, et ne les copie jamais implicitement. En l’occurence, tu places deux références vers le même objet dans ton tableau.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myObjects.push(twoObjects[0], twoObjects[0], twoObjects[1]);

Dans la mémoire du moteur JS, les objets sont simplement des zones de données. Les variables de ton code sont des noms permettant au moteur de retrouver l’emplacement des objets en mémoire. Ça sera sans doute plus clair avec un schéma :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
                          Mémoire JavaScript
                    +---------------------------+
                    |     ,----------------.    |
twoObjects[0] ----------->|    un objet    |<--------+------ myObjects[0]
                    |     `----------------´    |    |
                    |                           |    `------ myObjects[1]
                    |                           |
                    |     ,----------------.    |
twoObjects[1] ----------->| un autre objet |<--------------- myObjects[2]
                    |     `----------------´    |
                    |                           |
                    |            ...            |

Pour avoir deux objets différents, tu dois copier explicitement le premier. Pour faire ça, tu peux utiliser la fonction Object.assign() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
myObjects.push(
  Object.assign({}, twoObjects[0]),
  Object.assign({}, twoObjects[0]),
  Object.assign({}, twoObjects[1])
);

drick35 a récemment posé une question similaire à la tienne, j’y avais fait cette réponse.

[darkside777]

Merci infiniment pour votre réponse rapide qui m'aide beaucoup !
Merci aussi pour le schéma (qui m'a permis de comprendre et qui m'est très utile pour ne pas répéter mon erreur deux fois) !