两个相等字符串的比较返回false

Question

Here is my line:

myArray[i].innerText == x

Here are the values from Chrome console:

myArray[i] = "13 ml Apollo glaze sherry truffel 250ml"

x = "13 ml Apollo glaze sherry truffel 250ml"

myArray[i].innerText == x returns false Why is this happening?

Here is how I define myArray:

myArray= $($('#myIframe').contents()).find('body#tinymce').find('p, li');

Answer 1

debug it, you most likely have some extra whitespace characters in it.

console.log(escape(myArray[i].innerText));

You probably need to trim it .

Or the HTML entities are there.

var replacedString = myArray[i].innerText.replace(/ /g," ");

If you have a bunch of special characters, you will need to replace them all.

Answer 2

You aren't comparing two strings.

You are comparing a string with the innerText property of an identical string

myArray[i] === x

Answer 3

It looks like you should compare myArray[i] rather than myArray[i].innerText , seeing as that is what you assign to. myArray[i].innerText will always yield undefined , if myArray[i] is a string (unless you're doing some weird prototyping).