Discussion :

[Daydreamer01]

Bonjour
Est ce quelqu'un peut m'expliquer la différence entre ces deux codes :

Code :

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

1
2
3
const array = ["test"];
 if(array.includes("test")){
}

Le code ci-dessus fonctionne.

Code :

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

1
2
3
4
const array = ["test"];
name = aTag.text.toLowerCase().replaceAll(" ","");
if(array.includes(name)){
}

aTag.text contient "test" mais ce code ne trouve pas test dans l'array.

Merci de vos réponses.

[Doksuri]

partant de ton postulat : aTag.text contient "test"
le code fonctionne correctement

Code javascript :

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

1
2
3
4
5
6
7
8
9
const aTag = {
text:'test'
};
 
const array = ["test"];
name = aTag.text.toLowerCase().replaceAll(" ","");
if(array.includes(name)){
  console.log('ok'); // affiche correctement "ok"
}

le mieux est de faire un console.log(name); juste avant ton test : a mon avis, aTag.text ne contient pas "test"

[Daydreamer01]

Si j'ajoute le code

Code :

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

1
2
3
if(name.includes("test")){
    console.log("name "+name);
}

J'obtiens bien test dans name.

[Beginner.]

Salut,

Attention il semblerait que includes soit une méthode pour les tableaux mais aussi pour les string...

Et le fonctionnement n'est pas tout-à-fait le même :

Code javasript :

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

1
2
3
4
5
6
7
8
9
var array1 = ["pretestsuf"];
var name = "pretestsuf"
 
console.log(array1.includes("pretestsuf"));
// true
console.log(array1.includes("test"));
// false
console.log(name.includes('test'));
// true

On peut voir notamment que console.log(name.includes('test')); affiche true alors que name n'est pas égal à "test"...

[Daydreamer01]

C'est normal includes cherche si une chaine est contenue dans une autre chaine.

Code :

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

1
2
name = "pretestsuf";
name.includes("test")

donne true puisque test est dans pretestsuf.

[Beginner.]

Ben oui c'est normal...

Mais je voulais attirer l'attention sur un point : le fait que console.log(name.includes('test')); affiche true ne signifie pas forcément que name soit égal à "test" et donc console.log(array1.includes(name)); pourrait afficher false même si array1 contient la chaine "test"...

Si j'ajoute le code

Code :

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

1
2
3
if(name.includes("test")){
    console.log("name "+name);
}

J'obtiens bien test dans name.

Si name est égal à "test" alors console.log(array1.includes(name)); devrait afficher true si array1 contient la chaine "test" (autrement dit si la chaine "test" est un élément du tableau array1)...

[NoSmoking]

Bonjour,
j'entrevois un problème de présence de whitespace venant pourrir ton résultat.

Il faudrait savoir comment est récupéré la valeur de aTag.text pour en être sûr !

Soit le code HTML suivant :

Code html :

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

1
2
3
<p id="aTag">
  Texte
</p>

... il se cache de sournois whitespace dans cet exemple

Si l'on applique ton code

Code :

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

1
2
3
4
5
6
7
8
9
const tableau = ["texte"];
const aTag = document.getElementById("aTag");
const text = aTag.textContent.toLowerCase().replaceAll(" ","");
if (tableau.includes(text)) {
  console.log("Bingo !");
}
else {
  console.log("Bof!!!");
}

... on aura un magnifique Bof!!!.

Avec le code HTML suivant :

Code html :

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

<p id="aTag">Texte</p>

... pas de whitespace en vue, dans ce cas ton code affichera un superbe Bingo !


Maintenant en reprenant le premier code HTML et en appliquant une chasse aux whitespaces, soit le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
const tableau = ["texte"];
const aTag = document.getElementById("aTag");
const text = aTag.textContent.toLowerCase().replaceAll(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
if (tableau.includes(text)) {
  console.log("Bingo !");
}
else {
  console.log("Bof!!!");
}

... ton code affichera un superbe Bingo !

Le problème n'est peut-être pas là mais cela y ressemble

Si tu ne veux qu’enlever les espaces avant et après, utilise la méthode trim() qui traite efficacement les whitespaces