[Ludique] Défis code en un tweet

En me basant sur le script de Suppression d'une lettre dans une page WEB de NoSmoking, j'arrive à 119 caractères (testé seulement sous Firefox).

Code:

---

1 2 3

(function(n,l){ c='childNodes';d='data';if(n.nodeType==3)n[d]=n[d].split(l).join('');for(var i=0;n[c][i];)arguments.callee(n[c][i++],l) })(document.body, 'e'); // e est la lettre a supprimer.

---

Voici comment j'ai diminué la taille de la ligne (le nombre de caractères est entre parenthèses) :

• supprimer if(n[t]==1), la condition du for est suffisante (11) ;
• utiliser directement le nodeType (7);
• utiliser la méthode arguments.callee pour la récursivité (2);
• déplacer le ++i (1).

Tiens, j'étais passé à côté de ce script. Bien vu pour le callee ! :ccool:

- Pour éviter d'avoir à écrire var pour déclarer le i dans le scope de la fonction, il suffit de l'inclure dans les paramètres de la fonction. Ainsi, pas de Global Leak et du coup le i est local à chaque récursion.
- Aussi, le d='data' semble être un mauvais raccourci. Vu qu'il n'est appelé que deux fois, c'est plus avantageux de l'écrire carrément plutôt que de passer par un alias.
- Déclarer c=childNodes là où on se sert de c pour la première fois histoire de gagner 2 car encore
- écrire if(n.nodeType==3) en forme ternaire. C'est plus court, même avec le else (:) et en plus ça permet de déclarer le i=0 à cet endroit ce qui fait encore économiser

105 donc après ces modifs :

Code:

---

1 2 3

(function(n,l,i,c){ for(n.data=n.nodeType==3?n.data.split(l).join(''):i=0;n[c='childNodes'][i];)arguments.callee(n[c][i++],l) })(document.body, 'e'); // e est la lettre a supprimer.

---

Cool un up :wink:

Code:

---

1 2 3

(function(d,l){ w=d.createTreeWalker(d.body,4);while(n=w.nextNode())n.data=n.data.split(l).join('') })(document, 'e'); // e est la lettre a supprimer.

---

83 caractères, si vous me permettez de remplacer document.body par document dans les arguments

Aie :aie: :ccool:

Code:

---

1 2 3

(function(d,e){ w=d.createTreeWalker(d.body,4);while(n=w.nextNode())n.data=n.data.replace(e,'') })(document, /e/gi); // e est la lettre a supprimer.

---

80 insensitive ^^'

EDIT: en modifiant la RegExp, on peut même en faire un tweet de 0

/[\w\d\.()=;,'{}/]/gi:aie:

Ca ne remplace pas toutes les occurences, il manque le flag global :) J'avais déjà essayé cette piste
Et je n'ai rien compris à l'histoire du tweet de zéro

@Kaamo
On peut aller à 91 caractères en remplaçant le for par un for of (expérimental). Je n'ai pas réussi à bien replacer l'opérateur ternaire, j'ai donc meublé le else avec 0.

Code:

---

1 2 3

(function(n,l){ n.data=n.nodeType==3?n.data.split(l).join(''):0;for(i of n.childNodes)arguments.callee(i,l) })(document.body, 'e'); // e est la lettre a supprimer.

---

@SylvainPV
En remplaçant le document.body par document, la méthode supprime une lettre de toute la page. Alors qu'avant, on pouvait choisir dans quel élément on supprimait la lettre.
Si tu utilises un for à la place du while, tu gagnes 1 caractère pour arriver à 84.

Code:

---

1 2 3

(function(n,l){ for(w=document.createTreeWalker(n,4);d=w.nextNode();)d.data=d.data.split(l).join('') })(document.body, 'e'); // e est la lettre a supprimer.

---

@Lcf.vs
Le replace remplace toutes les occurrences, mais c'est grâce à l'expression régulière que tu as déclaré en dehors de la fonction.

Citation:

---

Envoyé par SylvainPV

Ca ne remplace pas toutes les occurences, il manque le flag global :) J'avais déjà essayé cette piste

---

Si, si, il y a bien le g... ^^'

Citation:

---

Envoyé par SylvainPV

Et je n'ai rien compris à l'histoire du tweet de zéro

---

C'était une plaisanterie, car si tu l'appliques sur cette page, mon Tweet code est vide :lol:

Citation:

---

Envoyé par regseb

@Lcf.vs
Le replace remplace toutes les occurrences, mais c'est grâce à l'expression régulière que tu as déclaré en dehors de la fonction.

---

Que je sache, ce n'était pas interdit... de plus, passer une RegExp String plutôt qu'une simple String est plus précis... on peut définir des conditions de remplacement plus strictes, sans rien changer au Tweet code.

Enfin, mélanger de l'expérimental (for... of) et du déprécié (arguments.callee)... :whistle:

Citation:

---

Enfin, mélanger de l'expérimental (for... of) et du déprécié (arguments.callee)...

---

Héhé c'est ce qui fait la magie ! Mais on est limité par une règle (du 1er post) :

Citation:

---

la fonction doit renvoyer le résultat escompté avec les dernières versions des navigateurs Firefox et Chrome. Je vous fais grâce de IE

---

for ... of n'est pas encore supporté par Chrome, c'est une bonne idée sinon

Allez, histoire de donner un peu de vie à ce topic sympa...

Selon les mêmes règles que précédemment, je vous propose de plancher sur un benchmark le plus précis possible... :)

Contraintes :

• Le premier argument est la fonction à benchmarker
• Le deuxième argument est la durée minimale du test (en millisecondes)
• La valeur de retour, un float, doit indiquer la durée moyenne d'exécution de la fonction passée en argument (en millisecondes, précision maximale -> toFixed(18))

Voici ma version :

Code:

---

1 2 3

(function (f,d) { D=Date,s=+new D,e=+new D,c=0,function b(){f();l=+new D;s+d>l?b(c++):0}();return+((l-s-(e-s)*c)/c).toFixed(18) }(function () {}, 1000));

---

Ça va être délicat pour tester l'exactitude de ce genre de fonctions... Soustraire deux dates n'est pas aussi rigoureux que d'autres fonctions conçues pour, comme console.time/timeEnd. Aussi, le toFixed(18) n'apporte pas de précision supplémentaire, il force juste le formattage avec un paquet de zéro derrière.

Basiquement, avec la méthode de soustraction de dates on pourrait écrire quelque-chose comme

Code:

---

1 2 3

(function (f,n) { _=new Date;for(i=n;--i;f());return(+new Date-_)/n; }(function () { return Math.random(); }, 1e6));

---

en moyennant sur un grand nombre d'itérations.

Mais le plus simple et plus précis serait d'utiliser console.time, qui apporte une précision à 0.001 ms (en théorie bien sûr, j'ai des gros doutes sur la réalité de la chose)

Code:

---

1 2 3 4 5 6 7

(function (f) { console.time("l"); f(); console.timeEnd("l"); })(function () { new Array(1e6).join('#').split(''); })

---

En fait, le toFixed() sert à avoir une division exacte, sinon, on tombe dans le classique soucis des décimaux en JS...

Le 18, oui, il est peut-être abusif mais il fallait bien choisir une longueur et, 18, c'est la longueur maximale de décimales pour un nombre, en JS.

Par contre, si tu essaie mon code, tu verras que tu obtiendras extrêmement rarement plein de 0. ;)

Utiliser des outils non-natifs, tel que console? zut, j'croyais qu'on faisait du vrai JS, ici. lol

Après, en effet, j'aurais pu fixer un nombre d'itérations, plutôt qu'une durée minimale... mais ça aurait été moins drôle... :mrgreen:

@Lcfvs : j'ai un beau InternalError: too much recursion (FF) ou encore un RangeError: Maximum call stack size exceeded (Chrome).

Je crois que je n'ai pas une stack aussi grosse que la tienne :mrgreen:

Sinon pour revenir au sujet, les bons outils de benchmark utilisent, il me semble, window.performance :

Code:

---

1 2 3

(function (f,n) { _=performance.now();for(i=n;--i;f());return(performance.now()-_)/n; }(function () { return Math.random(); }, 1e6));

---

Citation:

---

Envoyé par Kaamo

@Lcfvs : j'ai un beau InternalError: too much recursion (FF) ou encore un RangeError: Maximum call stack size exceeded (Chrome).

Je crois que je n'ai pas une stack aussi grosse que la tienne :mrgreen:

---

Hum... à mon avis, au vu du message d'erreur, l'explication, c'est que tu as une machine sacrément plus balèze que la mienne... ;)

Citation:

---

Envoyé par Kaamo

Sinon pour revenir au sujet, les bons outils de benchmark utilisent, il me semble, window.performance

---

Cool, une API standard que je ne connaissais pas... :P

Voici ma proposition pour le benchmark :

Code:

---

1 2 3 4 5 6 7 8 9 10

var sleep = function() { var start = Date.now(); while (Date.now() - start < 10) ; }   var time = (function (f,d) { n=Date.now;for(s=n(),c=0;(e=n()-s)<d;++c)f();return(e/c).toFixed(18) })(sleep, 1000);   console.log(time);

---

Je remplace new Date par Date.now() qui me fait gagner de la place pour arriver à 68 caractères.
Par contre, le code ci-dessus affiche 10.000000000000000000. Donc soit le code nécessaire pour calculer le temps exécution dure moins de 1 ms ; soit un bogue s'est glissé dans le code. :question:

Ah oui ? Je le comprends dans le sens où il y a trop de récursions à traiter pour ma bécane ... mais je réfléchis peut-être à l'envers :mrgreen:

C'est le moteur de benchmark de JSPerf, assez intéressant à lire, bien commenté.

@regseb : J'ai eu 10.009999999999999787 .. mais c'est rare.

Citation:

---

Envoyé par Kaamo

Ah oui ? Je le comprends dans le sens où il y a trop de récursions à traiter pour ma bécane ... mais je réfléchis peut-être à l'envers :mrgreen:

---

C'est logique, en fait... en un temps donné, si ta machine est plus puissante, elle fait donc plus d'opérations...

Ce qui fait que tu atteins la limite de récursion et pas moi. ;)

En effet, ça va mieux après le café et cette explication :D

Un tout petit peu plus long (75) que la version de regseb mais légèrement plus précis

Code:

---

1 2 3 4 5 6 7 8 9 10

var sleep = function() { var start = Date.now(); while (Date.now() - start < 10) ; }   var time = (function (f,d) { n=Date.now;for(c=0,s=n()+d;(e=n())<s;++c)f();return+((e-s+d)/c).toFixed(18) })(sleep, 1000);   console.log(time);

---

Différences :

• affectation de c avant celle de s
• une opération (soustraction) de moins dans la condition et donc à chaque exécution
• retourne un nombre

:)

Mouais, je persiste à dire que soustraire deux dates est d'une précision plutôt douteuse. Surtout si à chaque itération on fait d'autres opérations pour mesurer le temps écoulé ou incrémenter un compteur : comment déduisez-vous le temps passé sur ces opérations du temps final, pour n'obtenir que le temps d'exécution de la fonction testée uniquement ? A ce tarif là, une précision à la sous-milliseconde est totalement inutile.