152

First of all I want to mention that I know how isNaN() and Number.isNaN() work. I am reading The Definite Guide by David Flanagan and he gives an example for how to check if the value is NaN:

x !== x

This will result in true if and only if x is NaN.

But now I have a question: why does he use strict comparison? Because it seems that

x != x

behaves the same way. Is it safe to use both versions, or I am missing some value(s) in JavaScript that will return true for x !== x and false for x != x?

12
  • 10
    It could be that Flanagan just prefers !== checks over != checks. As far as I'm aware there's no other value where x != x. But there are two distinct groups of JavaScript developers: those who prefer != and those who prefer !==, be it for speed, clarity, expressiveness, etc. Commented Dec 14, 2015 at 7:56
  • 31
    Why use loose comparison when strict comparison behaves the same way?
    – Ry-
    Commented Dec 14, 2015 at 8:06
  • 3
    @Raulucco: NaN isn't a unique type, it's a number. It's a unique value that is not equal to itself. Commented Dec 14, 2015 at 9:15
  • 8
    The title seems to be misleading people. I'd suggest changing it to something like "Is x != x ever different from x !== x?" Commented Dec 14, 2015 at 9:16
  • 6
    @femmestem: Giorgi said "in this case" it's a matter of style. And he's correct in that. It isn't style when the types of the operands are different, but it is style when they're the same. Separately: Flanagan is doing those comparisons wth === with NaN to make the point that NaN is not equal to itself. He's not "wrong," he's doing it as a teaching exercise, demonstrating that it doesn't work. Commented Dec 14, 2015 at 9:39

5 Answers 5

130

First, let me point out that NaN is a very special value: By definition, it's not equal to itself. That comes from the IEEE-754 standard that JavaScript numbers draw on. The "not a number" value is never equal to itself, even when the bits are an exact match. (Which they aren't necessarily in IEEE-754, it allows for multiple different "not a number" values.) Which is why this even comes up; all other values in JavaScript are equal to themselves, NaN is just special.

...am I missing some value in JavaScript that will return true for x !== x and false for x != x?

No, you're not. The only difference between !== and != is that the latter will do type coercion if necessary to get the types of the operands to be the same. In x != x, the types of the operands are the same, and so it's exactly the same as x !== x.

This is clear from the beginning of the definition of the Abstract Equality Operation:

  1. ReturnIfAbrupt(x).
  2. ReturnIfAbrupt(y).
  3. If Type(x) is the same as Type(y), then

    Return the result of performing Strict Equality Comparison x === y.

  4. ...

The first two steps are basic plumbing. So in effect, the very first step of == is to see if the types are the same and, if so, to do === instead. != and !== are just negated versions of that.

So if Flanagan is correct that only NaN will give true for x !== x, we can be sure that it's also true that only NaN will give true for x != x.

Many JavaScript programmers default to using === and !== to avoid some pitfalls around the type coercion the loose operators do, but there's nothing to read into Flanagan's use of the strict vs. loose operator in this case.

14
  • I have reread 4.9.1 - Equality and Inequality Operators section and this seems to be the answer. The key point for === comparison is: If the two values have the same type, test them for strict equality as described above. If they are strictly equal, they are equal. If they are not strictly equal, they are not equal. Commented Dec 14, 2015 at 9:27
  • @GiorgiNakeuri: I'm not sure what 4.9.1 you're referring to, perhaps Flanagan's book? But that's basically saying what the quote from the spec above is saying, yes. Commented Dec 14, 2015 at 9:32
  • 2
    I am accepting this because this answers my question in formalized and precise fashion. Thank you for the explanations! Commented Dec 14, 2015 at 10:01
  • 1
    @Moshe: What do you mean by "live bindings"? (The term doesn't appear in the spec.) Do you mean something like GOTO 0's example where a is actually a function and doesn't return the same value twice? That's not the same thing as a value for which !== would be true, which is what the OP asked about. It's just a function that returns different values. foo() !== foo() isn't necessarly true either, since foo might return different values on each call. Commented Dec 14, 2015 at 18:30
  • 1
    @Moshe Well that's a super-nasty way to mess with properties and getters. But it does appear to be pretty much the same as GOTO 0's example, just with an extra layer of indirection.
    – JAB
    Commented Dec 14, 2015 at 21:18
38

For purposes of NaN, != and !== do the same thing.

However, many programmers avoid == or != in JavaScript. For example, Douglas Crockford considers them among the "bad parts" of the JavaScript language because they behave in unexpected and confusing ways:

JavaScript has two sets of equality operators: === and !==, and their evil twins == and !=. The good ones work the way you would expect.

...My advice is to never use the evil twins. Instead, always use === and !==.

2
  • 2
    The question isn't about NaN (despite the title). The question is "am I missing some value in JavaScript that will return true for x !== x and false for x != x?" Commented Dec 14, 2015 at 9:12
  • @T.J.Crowder Two questions, really. The first question is "Is it safe to use both versions" and the answer is that both versions are equivalent. I do like your "under-the-hood" answer which explains everything in detail.
    – jkdev
    Commented Dec 14, 2015 at 10:08
22

Just for fun, let me show you an artificial example where x is not NaN but the operators behave differently anyway. First define:

Object.defineProperty(
  self,
  'x',
  { get: function() { return self.y = self.y ? 0 : '0'; } }
);

Then we have

x != x // false

but

x !== x // true
1
  • 9
    Ha! :-) But that's effectively foo() != foo() where foo returns 1 then 2. E.g., the values aren't the same, it's just comparing different values. Commented Dec 14, 2015 at 10:09
2

I just want to point out NaN is not the only thing that produces x !== x without using the global object. There are lots of clever ways to trigger this behavior. Here is one using getters:

var i = 0, obj = { get x() { return i++; }};
with(obj) // force dynamic context, this is evil. 
console.log(x === x); // false

As other answers point out, == performs type coersion, but in as in other languages and par the standard - NaN indicates a computation failure, and for good reasons is not equal to itself.

For some reason beyond me people ocnsider this a problem with JS but most languages that have doubles (namely, C, Java, C++, C#, Python and others) exhibit this exact behavior and people are just fine with it.

2
  • 2
    Yes, that is exactly what @T.J.Crowder has mentioned in the comment to GOTO_0's answer, isn't it? Commented Dec 15, 2015 at 8:58
  • Could you clarify how to get the ambiguous type coercion in these other languages? Commented Dec 16, 2015 at 4:53
0

As sometimes, images are better than words, check this table (which is the reason for me to make this an answer instead a comment is because it gets better visibility).

There you can see that strict equality comparison (===) only returns true if type and content match, so

var f = "-1" === -1; //false

While abstract equality comparison (==) checks only the content* by converting types and then strictly comparing them:

var t = "-1" == -1; //true

Though it's not clear, without consulting ECMA, what JavaScript considers when comparing, in a way that the code bellow evaluates to true.

 var howAmISupposedToKnowThat = [] == false; //true

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.