Discussion :

[haddocks]

Bonjour,

Je n'arrive pas � comprendre comment fonctionne ce petit code, apparemment tout simple.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var liste = ['Delta', 'alpha', 'CHARLIE', 'bravo'];
 
// Création d'objet temporaire qui contient les positions
// et les valeurs en minuscules
var mapped = liste.map(function(e, i) {
  return { index: i, value: e.toLowerCase() };
});
console.log(mapped)

Cela donne:

[ { index: 0, value: 'delta' },
{ index: 1, value: 'alpha' },
{ index: 2, value: 'charlie' },
{ index: 3, value: 'bravo' } ]

Comment la machine sait que dans la clef "index: i", "i" correspond � l'index de chaque �l�ment du tableau et dans la valeur "value: e.toLowerCase()", "e" correspond � la valeur de chaque �l�ment du tabeau ?
Dans le code, le mot "index" est juste du text. Si j'�cris "toto" � la place �a fonctionne. M�me chose avec "value".

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var liste = ['Delta', 'alpha', 'CHARLIE', 'bravo'];
 
// Création d'objet temporaire qui contient les positions
// et les valeurs en minuscules
var mapped = liste.map(function(e, i) {
  return { toto: i, tata: e.toLowerCase() };
});
console.log(mapped)

Ca donne :

[ { toto: 0, tata: 'delta' },
{ toto: 1, tata: 'alpha' },
{ toto: 2, tata: 'charlie' },
{ toto: 3, tata: 'bravo' } ]

En revanche si j'inverse "i" et "e" �a fonctionne pas:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var liste = ['Delta', 'alpha', 'CHARLIE', 'bravo'];
 
// Création d'objet temporaire qui contient les positions
// et les valeurs en minuscules
var mapped = liste.map(function(e, i) {
  return { index: e, value: i.toLowerCase() };
});
console.log(mapped)

�a me donne:
TypeError: i.toLowerCase is not a function

Je sais que pour { index: e, value: i.toLowerCase() } ce qui est � droite correspond forc�ment � la valeur mais alors pourquoi cela fonctionne pas avec i.toLowerCase() ?

[mathieu]

il faut regarder ce qu'il y a indiqu� dans function (e, i). c'est � cet endroit qu'il est d�fini que � chaque boucle, l'�l�ment de la liste est dans la 1re variable "e" et l'index est dans la 2e variable "i";
ensuite dans la fonction vous pouvez faire ce que vous voulez de ces 2 variables.

[haddocks]

Je suis en train de suivre les cours de freeCodeCamp et je ne vois pas quel cours traite ce genre d'exemple. pour moi tout �a reste un myst�re. auriez vous un cours qui pourrais m'aider � comprendre ?

[jreaux62]

Bonjour,

l'explication est ici :

• https://developer.mozilla.org/fr/doc...ap#description

Description
[...]
callback est appel�e avec trois arguments : [B]la valeur de l'�l�ment du tableau, l'index de cet �l�ment et l'objet Array qui est parcouru.

C'est donc une convention.

Ici, on pourrait �crire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var mapped = liste.map(function(the_value, the_index, the_array ) {
  console.log( 'pour l\'index '+the_index+', la valeur est '+the_value+' dans le tableau ['+the_array+']');
});

[haddocks]

Thank you