In JavaScript, why is “0” equal to false, but when tested by ‘if’ it is not false by itself?

In JavaScript, why is “0” equal to false, but when tested by ‘if’ it is not false by itself?

The following shows that “0” is false in Javascript:
>>> “0” == false
true

>>> false == “0”
true

So why does the following print “ha”?
>>> if (“0”) console.log(“ha”)
ha

Solutions/Answers:

Solution 1:

The reason is because when you explicitly do "0" == false, both sides are being converted to numbers, and then the comparison is performed.

When you do: if ("0") console.log("ha"), the string value is being tested. Any non-empty string is true, while an empty string is false.

Equal (==)

If the two operands are not of the same type, JavaScript converts the operands then applies strict comparison. If either operand is a number or a boolean, the operands are converted to numbers if possible; else if either operand is a string, the other operand is converted to a string if possible. If both operands are objects, then JavaScript compares internal references which are equal when operands refer to the same object in memory.

(From Comparison Operators in Mozilla Developer Network)

Solution 2:

Tables displaying the issue:

Related:  Combine linkTo and action helpers in Ember.js

truthy if statement

and ==
truthy comparisons of all object types in javascript

Moral of the story use ===
strict equality displaying sanity

table generation credit: https://github.com/dorey/JavaScript-Equality-Table

Solution 3:

It’s according to spec.

12.5 The if Statement 
.....

2. If ToBoolean(GetValue(exprRef)) is true, then 
a. Return the result of evaluating the first Statement. 
3. Else, 
....

ToBoolean, according to the spec, is

The abstract operation ToBoolean converts its argument to a value of type Boolean according to Table 11:

And that table says this about strings:

enter image description here

The result is false if the argument is the empty String (its length is zero);
otherwise the result is true

Now, to explain why "0" == false you should read the equality operator, which states it gets its value from the abstract operation GetValue(lref) matches the same for the right-side.

Which describes this relevant part as:

if IsPropertyReference(V), then 
a. If HasPrimitiveBase(V) is false, then let get be the [[Get]] internal method of base, otherwise let get
be the special [[Get]] internal method defined below. 
b. Return the result of calling the get internal method using base as its this value, and passing 
GetReferencedName(V) for the argument

Or in other words, a string has a primitive base, which calls back the internal get method and ends up looking false.

Related:  What graphing library does GitHub use on its Graphs page?

If you want to evaluate things using the GetValue operation use ==, if you want to evaluate using the ToBoolean, use === (also known as the “strict” equality operator)

Solution 4:

It’s PHP where the string "0" is falsy (false-when-used-in-boolean-context). In JavaScript, all non-empty strings are truthy.

The trick is that == against a boolean doesn’t evaluate in a boolean context, it converts to number, and in the case of strings that’s done by parsing as decimal. So you get Number instead of the truthiness boolean true.

This is a really poor bit of language design and it’s one of the reasons we try not to use the unfortunate == operator. Use === instead.

Solution 5:

// I usually do this:

x = "0" ;

if (!!+x) console.log('I am true');
else      console.log('I am false');

// Essentially converting string to integer and then boolean.

Solution 6:

Your quotes around the make it a string, which is evaluated as true.

Remove the quotes and it should work.

if (0) console.log("ha")