Discussion :

[Invité]

Bonjour,

j'ai créé un objet * JS (simplifié ici) :

Code :

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

1
2
3
4
img_Extra = {
   'Door1': {url:'door1.png', css:'' },
   'Door2': {url:'door2.png', css:'' },
};

Je voudrais lui ajouter des lignes (APRES création de l'objet, tel que ci-dessus) :

Code :

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

1
2
'Key1': {url:'key1.png', css:'key' },
'Key2': {url:'key2.png', css:'key' },

Mais je ne trouve pas la syntaxe correcte... :calim:

Une âme charitable ?



N.B. Je parle juste d'un "objet".
Pas "Orienté Objet", auquel je ne connais rien de rien.

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
img_Extra = {
   'Door1': {url:'door1.png', css:'' },
   'Door2': {url:'door2.png', css:'' },
};
 
 
img_Extra.Key1 = {url:'key1.png', css:'key' };
img_Extra.Key2= {url:'key2.png', css:'key' },

[Invité]

Bien vu. Merci.
Je n'y avais pas pensé.

J'apprends (petit à petit l'oiseau fait son nid)


Question subsidiaire : Existe-il une syntaxe permettant de fusionner 2 objets en 1 seul ?

Code :

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

1
2
3
4
5
6
7
8
9
img_Extra = {
  'Door1': {url:'door1.png', css:'' },
  'Door2': {url:'door2.png', css:'' },
};
// -----
img_Extra2 = {
  'Key1': {url:'key1.png', css:'key' },
  'Key2': {url:'key2.png', css:'key' },
};

-> on fusionne pour n'avoir que img_Extra ?

[Doksuri]

Question subsidiaire : Existe-il une syntaxe permettant de fusionner 2 objets en 1 seul ?

Code javascript :

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

for (var attr in img_Extra2) { img_Extra[attr] = img_Extra2[attr]; }

[edit] ah bah le temps que je tape le code, SpaceFrog a repondu aussi

[Invité]

OK.

Merci à tous.

[NoSmoking]

Bonjour,
si tu n'es pas trop regardant côté compatibilité tu peux également te tourner vers Object.assign().

[dbroqua]

Et si Key1 et Key2 sont amenés à être des variables :

Code :

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

img_Extra[key1] = { ... }

[SpaceFrog]

Faut boucler ...

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
 
function jsonConcat(o1, o2) {
 for (var key in o2) {
  o1[key] = o2[key];
 }
 return o1;
}
 
var output = {};
img_Extra = {
  'Door1': {url:'door1.png', css:'' },
  'Door2': {url:'door2.png', css:'' },
};
// -----
img_Extra2 = {
  'Key1': {url:'key1.png', css:'key' },
  'Key2': {url:'key2.png', css:'key' },
};
 
output=jsonConcat(img_Extra, img_Extra2)
console.log(output);

Attention cependant aux écrasements ... si une clef existe déja dals le premier objet il sera remplacé par celui du second ...