Ajouter une ligne dans un objet JS

Version imprimable

17/10/2018, 11h44
Invité

Ajouter une ligne dans un objet JS
Bonjour,

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

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:

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.

Code:

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' },

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:

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 ?

17/10/2018, 14h31
dbroqua

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

Code:

img_Extra[key1] = { ... }

Faut boucler ...

Code:

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 ...

17/10/2018, 15h01
Doksuri

Citation:

Envoyé par jreaux62

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

Code:

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 :aie:
17/10/2018, 16h30
Invité

OK.

Merci à tous.
17/10/2018, 18h40
NoSmoking

Bonjour,
si tu n'es pas trop regardant côté compatibilité tu peux également te tourner vers Object.assign().
22/10/2018, 17h03
Marco46

Sinon pour supporter IE on peut passer par Lodash.