array.includes() ne trouve pas l'occurrence

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

Code:

---

1 2 3

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

---

Le code ci-dessus fonctionne.

Code:

---

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.

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

Code:

---

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

Si j'ajoute le code

Code:

---

1 2 3

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

---

J'obtiens bien test dans name.

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:

---

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"...

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

Code:

---

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

---

donne true puisque test est dans pretestsuf.

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"...

Citation:

---

Envoyé par Daydreamer01

Si j'ajoute le code

Code:

---

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

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:

---

1 2 3

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

---

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

Si l'on applique ton code

Code:

---

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:

---

<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:

---

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