Discussion :

[keisersuze]

Bonjour,

Comment je peux assembler mes clés (elID) et mes valeurs (elVal) dans un seul Array et ensuite le récupérer dans ma boucle ci-dessous?

Code :

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

1
2
3
4
5
6
var elID = ['val-1','val-2','val-3','val-4'];
var elVal = ['323','452','541','121'];
 
for (var i = 0; i < elID.length; i++) {
	document.getElementById(elID[i]).innerHTML = elVal[i];   
}

Merci pour votre aide.

[SylvainPV]

Bonjour,

Je ne comprends pas la question. Qu'entendez-vous par "assembler" un Array ? Concaténer ? Obtenir une map clé-valeur ?

[Invité]

Bonjour,

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
var el = [
  ['val-1','323'],
  ['val-2','452'],
  ['val-3','541'],
  ['val-4','121']
];
 
for (var i in el) {
	document.getElementById(el[i][0]).innerHTML = el[i][1];   
}

[eleydet]

Bonjour,

Une solution, peut-être?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var elID = ['val-1','val-2','val-3','val-4'];
var elVal = ['323','452','541','121'];
 
var tableau=[];
tableau[0]=elID;
tableau[1]=elVal;
 
for (var i = 0; i < elID.length; i++) {
	document.getElementById(tableau[0][i]).innerHTML = tableau[1][i];   
}

[sekaijin]

J'ai rien compris

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
var elID = ['val-1','val-2','val-3','val-4'];
var elVal = ['323','452','541','121'];
 
//longeur du tableau min de elID.length et elVal.length
//obligatoire sinon la boucle for risque de planter.
var len = Math.min(elID.length, elVal.length);
 
// le résulta dans une Map (idem est : objet javascript)
var result = {};
for (var i=0; i < len; i++) {
  result[elID[i]]=elVal[i];
}
console.log(result);
 
for (var id in result) {
	document.getElementById(id).innerHTML = result[id];   
}

mais ce que je comprends pas c'est l'emploie de deux tableaux il serait plus simple de faire

Code :

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

1
2
3
4
5
6
7
8
9
10
var result = {
  'val-1':'323',
  'val-2':'452',
  'val-3':'541',
  'val-4':'121'
};
 
for (var id in result) {
	document.getElementById(id).innerHTML = result[id];   
}

Enfin c'est une très mauvaise idée que d'utiliser des valeur comme 'val-1' comme ID il est préférable d'utiliser 'val1' ou 'val_1'.

A+JYT

[SpaceFrog]

un autre possibilité: un array associatif

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var elID = ['val-1','val-2','val-3','val-4'];
var elVal = ['323','452','541','121'];
 
var i=-1, Tab=[];
 
while(elID[++i]){
Tab[elID[i]]=elVal[i];
}
console.log(Tab)

ou avec jquery

Code :

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

1
2
3
4
5
6
7
8
var elID = ['val-1','val-2','val-3','val-4'];
var elVal = ['323','452','541','121'];
var Tab=[];
 
$.each(elID, function(idx,valeur){
Tab[valeur]=elVal[idx];
});
console.log(Tab)