Discussion :

[Charal72]

Bonjour à tous,

Je débute..

J’aimerai développer ce code de façon à pouvoir inspecter différentes chaines de caractères (que je nomme i0=[..,..,..], i1, i2.. pour localiser un mot entré par l'utilisateur. (récupéré par la variable a)

Pourquoi si var b=i1; b.indexOf(a) ne fonctionne t il pas alors que i1.indexOf(a) va bien!!? Je n'arrive pas à trouver la réponse..

Merci pour votre aide ..

[danielhagnoul]

Exemple :

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
27
window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible
 
    // début code du test
 
    const 
        i0 = ['un', 'deux', 'trois'],
        i1 = ['quatre', 'cinq', 'six'],
        i2 = ['sept', 'huit', 'neuf'];
 
    let a = 'cinq';
 
    // https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/indexOf
    // -1 : n'existe pas
    // 0 à n : index de l'élément cherché
 
    console.log(`i0.indexOf(a) = ${ i0.indexOf(a) }`); // -1
    console.log(`i1.indexOf(a) = ${ i1.indexOf(a) }`); // 1
    console.log(`i2.indexOf(a) = ${ i2.indexOf(a) }`); // -1
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});

[Watilin]

Pourquoi si var b=i1; b.indexOf(a) ne fonctionne t il pas alors que i1.indexOf(a) va bien!!? Je n'arrive pas à trouver la réponse..

Si effectivement b = i1, les choses devraient se passer comme tu le décris. Si le problème n’est pas là où on regarde, il faut regarder ailleurs… Peut-être que a est modifié entre les deux tests.
Ou alors, c’est un problème de portée. Comment et à quel endroit déclares-tu b, i1 et a ?

[Charal72]

Merci pour votre intérêt..et désolé de ne pas avoir répondu plus vite! En fait des chaines de caractères j'en ai plus de 50! l1....l50) d'ou l’intérêt,( je pense..), de parcourir une boucle type for (i=...) {b=l + i;...
et c'est là que le b.indexOf(a) ne fonctionne pas!

[Charal72]

Voici le code réduit afin de comprendre
e ne donne pas la bonne valeur si je rentre puma, par ex..

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input id="case0" type="text" class="cinq" value="" />
<input id="case2" type="text" class="cinq" value="" />
<input type="button" value="Nouvelle partie"onClick="myFunction()"/>
 
<script>
var i0 = ["lama","puma","elephant","vache","renard"];
var j=0;
function myFunction() {
var a = document.getElementById("case0").value;
var b="i"+j;
var e = b.indexOf(a);
document.getElementById("case2").value= e;
}
</script>

[CosmoKnacki]

Le problème c'est var b="i"+j;, car tout ce que fait cette ligne est d'affecter à la variable b la chaîne de caractère "i0" (par exemple). Mais ça reste une chaîne de caractère, et le i0 dans cette chaîne ne sera pas vu comme la variable i0 (et heureusement sinon ce serait un sacré bazar).

Pour que ça fonctionne, il faudrait à la limite remplacer cette ligne par: var b=eval("i"+j);. De cette manière la chaîne de caractère serait interprétée comme du code Javascript et donc i0 vu comme la variable du même nom et remplacée par sa valeur.

Mais, l'utilisation de eval est le petit signal qui doit te dire que tu t'y prends mal, et qu'il y a sûrement une manière bien plus simple et élégante d'arriver à tes fins (l'utilisation d'un tableau à la place de noms de variable numérotés?). N'ayant pas tous les tenants et aboutissants, je ne peux pas t'en dire plus.

En parler sarthois, "renard" se dit "r’nâ".

[NoSmoking]

Bonjour,
on peut utiliser la notation par crochet pour atteindre ta variable

Code :

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

1
2
3
var i0 = ["lama", "puma", "elephant", "vache", "renard"];
var b = "i" + 0;
alert(window[b]);

Ceci étant, cela n'est valable, dans le cas présent, que si ta variable est déclarée avec le mot clé var, cela ne fonctionnera pas avec les mots clé let ou const.

[Charal72]

Le problème c'est var b="i"+j;, car tout ce que fait cette ligne est d'affecter à la variable b la chaîne de caractère "i0" (par exemple). Mais ça reste une chaîne de caractère, et le i0 dans cette chaîne ne sera pas vu comme la variable i0 (et heureusement sinon ce serait un sacré bazar).

Pour que ça fonctionne, il faudrait à la limite remplacer cette ligne par: var b=eval("i"+j);. De cette manière la chaîne de caractère serait interprétée comme du code Javascript et donc i0 vu comme la variable du même nom et remplacée par sa valeur.

Mais, l'utilisation de eval est le petit signal qui doit te dire que tu t'y prends mal, et qu'il y a sûrement une manière bien plus simple et élégante d'arriver à tes fins (l'utilisation d'un tableau à la place de noms de variable numérotés?). N'ayant pas tous les tenants et aboutissants, je ne peux pas t'en dire plus.

En parler sarthois, "renard" se dit "r’nâ".

Merci pour ta réponse.
Voici le code, qui fonctionne ! grâce à toi ! Maintenant si une solution plus propre existe, je ne demande qu'à apprendre
En fait j'ai une quarantaine de cases (case0 ... case 40), et autant de chaines de caracteres (l0..l40)
Encore merci

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
27
 
<input id="case0" type="text" class="cinq" value="" />
<input id="case1" type="text" class="cinq" value="" />
<input id="case2" type="text" class="cinq" value="" />
<input type="button" value="Vérifier"onClick="myFunction()"/>
 
<script>
var l0 = ["peintre jeune","jeune peintre"];
var l1 = ["tableau du vieux peintre","peintre vieux","vieux peintre","sous la main"];
var memo = [];
function myFunction() {    
    for(var i=0; i<3; i++) {
        var a = document.getElementById("case" + i).value;
        var mem = memo.indexOf(a);
             for(var n=0; n<2; n++) {
               var b = eval("l"+n);
               if(mem == -1) {
                    if(b.indexOf(a) !== -1 && a!="") {
                    document.getElementById("case" + i).style.backgroundColor="#4CE0D2";
                        for(var k=0; k<b.length; k++) {
                            memo.push(b[k]);
                            n = 2;}
}
}
}
}
}