Discussion :

[sacapuss2]

Bonjour !

Je voudrais écrire une fonction qui balaie une liste, et qui applique
une seconde fonction à chaque élément de la liste.

J'ai écris la fonction suivante :

Code :

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

1
2
3
4
5
6
7
 
Array.prototype.argubalayer=function(fonction)
{
var butee=this.length,liste=[]
for(var i=0; i<butee; i++) liste.push(fonction(this[i]))
return liste
}

Elle fonctionne très bien; par exemple :

Code :

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

1
2
3
 
liste_=[1,2,3,4]
liste_.argubalayer(alert) //produit ce que l'on attend.

Maintenant, je voudrais écrire la fonction thisbalayer, qui injecterait
this dans la fonction, comme cela :

Code :

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

liste.push(this[i].fonction())

Je ne trouve pas la bonne syntaxe : un tuyau ?

[Invité]

tu peux t'en sortir avec apply :

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
var liste=[1,2,3]
Array.prototype.argubalayer=function(func)
{
 var butee=this.length,liste=[]
 for(var i=0; i<butee; i++){
 //le premier arg représente la référence this au sein de func, le second un tableau de paramètres
  func.apply(this[i], ['lol'+this[i]]);
 }
 return this;
}
liste.argubalayer(console.log);
//affiche
lol1
lol2
lol3

[Bovino]

@galerien69 : apply n'apporte rien de plus dans ce contexte...

Code :

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

1
2
3
4
5
6
7
8
9
10
var liste=[1,2,3]
Array.prototype.argubalayer=function(func)
{
 var butee=this.length,liste=[]
 for(var i=0; i<butee; i++){
  func('lol'+this[i]);
 }
 return this;
}
liste.argubalayer(console.log);

produit exactement le même résultat...

@sacapuss2 :

Elle fonctionne très bien; par exemple :

Code :

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

1
2
liste_=[1,2,3,4]
liste_.argubalayer(alert) //produit ce que l'on attend.

en es-tu vraiment sûr ?
Parce que là, tu ne rempli ton tableau liste qu'avec des undefined puisque le push porte sur le résultat de l’exécution de la fonction...

Code :

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

liste.push(this[i].fonction())

là aussi, je ne suis pas certain que tu comprennes bien ce que tu essayes de faire
Avec cette syntaxe, tu essayes juste de remplir un tableau avec les résultats de l'exécution de la méthode "fonction" de l'objet "this[i]", sachant qu'il s'agit de nombres, ils n'ont pas de méthode alert...

Ceci dit, je ne comprends pas du tout ce que tu veux réellement obtenir au final.

[sacapuss2]

Merci, galerien69, de ta prompte réponse !

Je n'ai encore jamais utilisé cette syntaxe : le moment est peut-être venu de m'y mettre.

[sacapuss2]

Merci, Bovino, de contribuer !

"en es-tu vraiment sûr ?"
Merci de ta remarque. Dans le cas présent, je ne m'intéressait pas au return, mais aux alert !

"sachant qu'il s'agit de nombres, ils n'ont pas de méthode alert"
Effectivement, dans le deuxieme cas, alert est un mauvais exemple ;o)

[Invité]

apply n'apporte rien de plus dans ce contexte...

vivi.

Après la question, c'était d'avoir this au sein de la fonction qui réfère à un élément de la liste. D'où ma proposition.

[SpaceFrog]

de memoire, dans ce contexte this est en lecture seule ... donc pas modifiable ...

[Invité]

Est-il question de le modifier?

Sinon, on peut retourner la valeur de func
qqch du style

Code :

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

1
2
3
4
5
this[i] = func.apply(this[i], ['lol']);
...
function func(prefixLol){
 return prefixLol + this;
}

[Watilin]

Maintenant, je voudrais écrire la fonction thisbalayer, qui injecterait
this dans la fonction, comme cela :

Code :

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

liste.push(this[i].fonction())

Je ne trouve pas la bonne syntaxe : un tuyau ?

Si j'ai bien compris ce que tu veux faire, il n'y a pas de bonne syntaxe, et c'est inhérent à JavaScript : liste.push est une fonction comme les autres, et gère ses arguments de la même façon que les autres.

Code :

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

list.push( expression )

Quelle que soit l'expression que tu écris, elle n'a pas d'influence sur le comportement de push. (Je sais pas si je suis très clair.)

Sinon, ta méthode argubalayer me fait furieusement penser à la célèbre map, je pense que ça va t'intéresser : https://developer.mozilla.org/en/Jav...ects/Array/map. C'est un principe commun à beaucoup de langages (en fait, on peut imaginer un map dans tout langage qui comporte des listes ou des tableaux)…

[SpaceFrog]

oui ou array walk en php ...
il me semble avoir proposé un script js de array map ...
mais je ne le retrouve plus sur le forum

[RomainVALERI]

Sinon, ta méthode argubalayer me fait furieusement penser à la célèbre map, je pense que ça va t'intéresser : https://developer.mozilla.org/en/Jav...ects/Array/map. C'est un principe commun à beaucoup de langages (en fait, on peut imaginer un map dans tout langage qui comporte des listes ou des tableaux)…

Je ne connaissais pas map (merci du lien ) mais on pouvait aussi penser à Enumerable.each de Prototype qui me semble très proche...
En tout cas avec map on peut se passer de Prototype pour avoir le même effet. ^^

[SpaceFrog]

$.each en jquery ...

[Watilin]

Yep ^^ Mais each est une forme plus générale que map : on peut lui demander d'avoir un effet sur les éléments du tableau parcouru, sans attendre de résultat.
On a une méthode .map() en jQuery, et également Enumerable.map (alias collect) chez Prototype.

[SpaceFrog]

http://www.developpez.net/forums/d77...rray-fonction/

[RomainVALERI]

http://www.developpez.net/forums/d77...rray-fonction/

Date : 08/07/2009

toujours en avance !

[SpaceFrog]

en même temps en 27 519 messages, j'ai couvert pas mal de sujets ...

[sekaijin]

http://www.developpez.net/forums/d10...odes-tableaux/

A+JYT

[sacapuss2]

Chers collègues,

merci de vos contributions.

J'ai l'impression que la fonction map correspond à mon attente. Merci, donc, plus particulièrement, à Watilin, de nous l'avoir révélée.

J'ai essayé de lire attentivement le document https://developer.mozilla.org/en/Jav...ects/Array/map. Je ne comprends comment on utilise le second argument. L'un de vous saurait-il m'éclairer ?

Pour les petits curieux, mon chantier est http://www.valeriefondela.doobee.fr/

Bien à vous.

sacapuss2

[Bovino]

Le second paramètre correspond à l'objet référencé comme this dans la fonction :

Code :

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

1
2
3
4
5
var a = [1,2,3], b = ['a','b','c'];
b.map(function(valeur, index){
    var resultat = index + ' : ' + valeur + '\nthis : ' + this[index];
    alert(resultat);
}, a);

[sacapuss2]

Salut les copains !

Je ne prends pas le temps de réfléchir à la réponse de Bovino (merci, Bovino !), mais vous livre la fonction que j'ai arrêtée :

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
23
24
25
26
Array.prototype.formvaluer=function(booleen)
{
var form=this,butee=form.length
 
for(var i=0; i<butee; i++)
{
element=form[i]
 
if(booleen)
{
if(element.tagName.isin('INPUT','TEXTAREA')) element.name.cooker(element.value=element.value.trimer())
else element.getAttribute('name').cooker(element.getAttribute('value'))
}
 
else // vidage
{
if(element.tagName.isin('INPUT','TEXTAREA')) element.name.cooker(element.value=vide)
 
else // selecteur
{
element.setAttribute('value',vide)
element.getAttribute('name').cooker(vide)
} 
} 
} 
}

Si vous avez envie de faire des commentaires...

Merci, d'avance !