Balayer devant sa porte.

Version imprimable

20/07/2011, 10h56
sacapuss2

Balayer devant sa porte.
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:

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:

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:

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

Je ne trouve pas la bonne syntaxe : un tuyau ?

tu peux t'en sortir avec apply :

Code:

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

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

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 :
Citation:
Elle fonctionne très bien; par exemple :
Code:

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:

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

là aussi, je ne suis pas certain que tu comprennes bien ce que tu essayes de faire :aie:
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.

20/07/2011, 12h18
sacapuss2

Merci.

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.
20/07/2011, 12h27
sacapuss2

Merci, Bovino !

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)
20/07/2011, 12h38
Invité

Citation:

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.
20/07/2011, 12h41
SpaceFrog

de memoire, dans ce contexte this est en lecture seule ... donc pas modifiable ...
20/07/2011, 12h46
Invité
Est-il question de le modifier?

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

1 2 3 4 5 this[i] = func.apply(this[i], ['lol']); ... function func(prefixLol){ return prefixLol + this; }
20/07/2011, 12h52
Watilin

Citation:

Envoyé par sacapuss2

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

Code:

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:

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)…

;)
20/07/2011, 13h05
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 :(
20/07/2011, 13h42
RomainVALERI

Citation:

Envoyé par Watilin

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. ^^
20/07/2011, 13h46
SpaceFrog

$.each en jquery ...
20/07/2011, 13h58
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.
20/07/2011, 14h01
SpaceFrog

http://www.developpez.net/forums/d77...rray-fonction/
20/07/2011, 14h58
RomainVALERI

Citation:

Envoyé par SpaceFrog

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

Citation:

Date : 08/07/2009

:ccool: toujours en avance !
20/07/2011, 15h04
SpaceFrog

en même temps en 27 519 messages, j'ai couvert pas mal de sujets ... :aie:
21/07/2011, 10h53
sekaijin

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

A+JYT
21/07/2011, 16h03
sacapuss2

Merci de vos contributions.

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

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

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);

Array.prototype.formvaluer=function(booleen)

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:

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 !

22/07/2011, 20h41
SpaceFrog

isin ? fcontion perso ? de lib ?

sinon pour le test sur les tagNames un petit toUpperCase juste au cas ou certains navigateurs retournent le tagName en minuscules ...

Object.prototype.isin=function()

Merci, SpaceFrog, de ta contribution !

Citation:

isin ? fcontion perso ?

Cest cela.

Citation:

de lib ?

Cest cela, de la fameuse sacapuss2lib. Voici ladite fonction :
Code:

1 2 3 4 5 6 7 8 9 Object.prototype.isin=function() { var butee,i,liste=arguments.length-1?arguments:arguments[0] if(butee=liste.length) for(i=0; i<butee; i++) { if(sontidentiques(liste[i],this)) return true } else for(i in liste) { if(sontidentiques(liste[i],this)) return true } return false }
Vos commentaires sont bienvenus.

Citation:

sinon pour le test sur les tagNames un petit toUpperCase juste au cas ou certains navigateurs retournent le tagName en minuscules ...

Merci de cette suggestion !

A+

Citation:
Code:

1 2 3 4 5 6 7 8 9 Object.prototype.isin=function() { var butee,i,liste=arguments.length-1?arguments:arguments[0] if(butee=liste.length) for(i=0; i<butee; i++) { if(sontidentiques(liste[i],this)) return true } else for(i in liste) { if(sontidentiques(liste[i],this)) return true } return false }
salut,
Si j'ai compris, isin s'applique sur un objet, et le but est de trouver si cet objet est dans un tableau passé en paramètre (ou une valeur).

Il n'y a qu'à produire le contraire à l'aide d'indexOf :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Object.prototype.isin=function() { //retrieves arguments in array form var args=[].slice.apply(arguments); var that=this; if(that instanceof String){ that+='';//implicit conversion toString();//to get a primitive datatype string } return args.indexOf(that)!=-1; } var a ='toto'; console.log(a.isin('lol', 'toto2'));//false console.log(a.isin('lol', 'toto'));//true var b={} var c=b; console.log(b.isin(c));//true console.log(b.isin({}));//false
Donc en fait c'est un poil tricky. indexOf compare les valeurs mais également les types. Du moins chez mozilla.
Les instances de indexOf sont de type primitif string. this est de type String (un wrapper de string). Donc il est nécessaire de caster String en string.

C'est également valable pour Number, Boolean,...

simple note

Citation:

Envoyé par galerien69

Donc en fait c'est un poil tricky. indexOf compare les valeurs mais également les types. Du moins chez mozilla.

Attention cependant aux vieilles versions d'IE pour lesquelles on ne peut pas faire d'indexOf sur les tableaux.

Mais on peut "se couvrir" en redéfinissant la méthode le cas échéant, avec cette version issue de Prototype par exemple :
Code:

1 2 3 4 5 6 7 8 if (!Array.prototype.indexOf) Array.prototype.indexOf = function(wanted, i) { i || (i = 0); var long = this.length; if (i < 0) i = long + i; for (; i < long; i++) if (this[i] === wanted) return i; return -1; }