Discussion :

[webkoros]

Bonjour,
voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var prefLineLength = 20;
    var oldStr = "This is a string";
 
    var diff = prefLineLength - oldStr.length;
    var filler = 'h';
 
    for (var i = 0; i < diff; i++) {
        oldStr = filler + oldStr;
    }
 
    document.getElementById("result").innerHTML=oldStr;

Sur la page html ça done:

hhhhThis is a string

C'est le resultat voulu (normalement utilisé pour ajouter du padding à gauche mais là je met des h pour plus de clareté visuelle), mais je n'arrive pas à comprendre pourquoi le h est repeté, mais pas le "this is a string".
Encore plus etrange, si je met juste oldStr = filler; ça va afficher juste h sans répétition. Pourquoi rajouter + oldStr déclanche il une répétition et uniquement sur filler ?!!
Des explications seraient les bienvenues merci.

[Bovino]

Il n'y a rien d'étrange mais que de la logique...

Tu as une chaine, à chaque tour de boucle, tu demandes que cette chaine soit remplacée par elle-même précédée d'un caractère. Donc a aucun moment tu ne demandes que la chaine initiale soit répétée...

[Podyaourth]

Suffi de prendre l'algorythme et de le décomposer pour bien comprendre comment ça se passe

prefLineLength = 20
oldStr = "this is a string"
diff = 20 - 16 = 4
filler = h

Tour 1 :
oldStr = h + This is a string = hThis is a string
Tour 2 :
oldstr = h + hThis is a string = hhThis is a string
Tour 3 :
oldStr = h + hhThis is a string = hhhThis is a string
Tour 4 :
oldStr = h + hhhThis is a string = hhhhThis is a string

Voilà, chef !

[webkoros]

Ok je comprends merci, c'est le "+" qui fait que oldStr change a chaque tour.

[Podyaourth]

Encore plus etrange, si je met juste oldStr = filler; ça va afficher juste h sans répétition. Pourquoi rajouter + oldStr déclanche il une répétition et uniquement sur filler ?!!

Si tu mets dans ta boucle oldStr = filler, en gros à chaque tour de boucle ça va faire oldStr = h.
Et si tu remplace ton string par un h, 4 fois de suite, au final tu auras... un h

Le "+" sert à concaténer deux chaînes, c'est à dire, ajouter une chaîne à la suite d'une autre.


oldStr = filler => oldStr = h
oldStr = "bon" + "jour" => oldStr = bonjour