Sai gowtham

Posted on Jul 4, 2018

JavaScript Quiz

#webdev #javascript #challenge

I will post some questions in JavaScript from today onwards share your own solutions without running these code on your console.

null === undefined

null == undefined

2+"4"

2-"3"

""+2

+"2"

Top comments (40)

Eljay-Adobe • Jul 4 '18

One of my favorite web-slinger questions (for fun, not for job interviews) is: can you name all 8 of the falsy things?

Here's the first falsy thing, to get you started, which is pretty much a gimme:

false

Casey Webb • Jul 5 '18 • Edited

false
null
0
undefined
""
NaN

I'm out. What are the last 2?

Josh Cheek • Jul 6 '18

Shoutout! I didn't get NaN

Ken Bellows • Jul 19 '18

-NaN and -0

Eljay-Adobe • Jul 9 '18

Here they all are. I realize that two of them will bring out the angry mob with their torches and pitchforks. But my disclaimer is that I did not write the language.

First the easy 6 falsy things:

false
0
""
undefined
null
NaN

Plus the final two falsy things, the second of which being an HTML-ism (part of the HTML specification):

-0
document.all

Casey Webb • Jul 5 '18 • Edited

I can't think of any case where those would be falsy. What exactly did you experiment with that made it appear that way?

Sanity check...

node -e "if (({})) console.log('truthy')" // requires wrapper to not interpret as block
node -e "if ([]) console.log('truthy')"

Logs truthy twice

Kyle Blake • Jul 5 '18

Unless I'm missing some trickery in the original comment, [] and {} are truthy values in JavaScript.

ItsASine (Kayla) • Jul 4 '18

Without looking:

'1. null === undefined: ' + false;
'2. null == undefined: ' + true;
'3. 2+"4": ' + '24';
'4. 2-"3": ' + -1;
'5. ""+2: ' + '2';
'6. +"2": ' + 2;

I love these! I even have a codepen that's kind of like this

ItsASine (Kayla) • Jul 4 '18

Oh, yeah, I know my weird Javascript math 🎉

1 and 2 I know because of work since null and undefined can be a pain when testing.

3 is string concatination with 2 being made a string to make it magically work.

4 is making the string a number to make the math operator magically work.

5 is similar to 3 in that it's concatinating an (empty) string with a number that magically becomes a string.

6 is fun because + is the shorthand for type converting to an int.

Josh Cheek • Jul 6 '18

You have to wrap it in parens b/c JS treats toplevel curlies as a "block" rather than an object. But, of course, if you begin a line with parens, then it will become a function call on the previous line, if one exists, so for sanity's sake, begin any paren line with a semicolon (same for brackets).

Personally, I think it's really iffy to say that {} and [] are falsy values. I've always understood "falsy" to mean you can drop it into a conditional and it will behave like false would have:

$ node -p ';[false, null, undefined, 0, NaN, "", [], {}].map(v => [v?"X":"√︎",v])'
[ [ '√︎', false ],
  [ '√︎', null ],
  [ '√︎', undefined ],
  [ '√︎', 0 ],
  [ '√︎', NaN ],
  [ '√︎', '' ],
  [ 'X', [] ],
  [ 'X', {} ] ]

K • Jul 4 '18

Got 3. and 5. wrong, haha.

I supposed that the first operand would decide which implementation of + would be used, but I guess the rule is: string wins :D

Comment deleted

K • Jul 4 '18

Both convert the number to string and do a string concatination, even in one the number is the first operand and in the other the string is the first operand.

Comment deleted

K • Jul 4 '18

Ah, yes.

I was talking about 3 and 5 :D

Sai gowtham • Jul 4 '18

Oh i thought it was 5 and 6.
yeah 3 and 5 are Strings😁

Casey Webb • Jul 6 '18 • Edited

Oddly, node -e "if ([] == false) console.log('truthy')" logs truthy, but node -e "if ({} == false) console.log('truthy')" doesn't.

Oh Javascript...

The moral of the story: always use ===.

Kauress • Jul 4 '18

false [checking for type of data and value of data]
true [because both are of the same type i.e. falsy]
"24" [ coercion rules, concatenation takes place because of + operator]
-1 [ -1, subtraction takes place as - operator is used on numbers not on strings]
"2" [ again string concatenation}
Not sure, tell us!

˗ˏˋ Seye Kuyinuˊˎ˗‏ • Jul 5 '18

6 uses + as a short form for type conversion

Josh Cheek • Jul 6 '18

I scored 4 out of 6. But if I wasn't able to run them as I went, it would be much lower.

Also, I feel like you should add "2"+4 right after 2+"4", b/c I was definitely wondering if the casting decision was based on which one was first. Eg in Ruby, + is a method call, so 2+"4" would be calling Integer#+ and "2"+4 would be calling String#+, thus the ordering implies different behaviour, even though + in math is commutative. I know that's not how JS works, but it means that I would at least be entertaining the possibility of non-commutativity.

null === undefined
// expected: false
// actual:   false
// score:    1/1

null == undefined
// expected: false... but less confidently :/
// actual:   true
// score:    1/2

2+"4"
// expected: Jesus >.< uhm... 6? If not 6, than 24, pretty sure
//           one of them gets cast, just not sure which.
// actual:   fuuuuuuck, 24 >.<
// score:    1/3

2-"3"
// expected: Based on the above, I'm really hoping it's -1
// actual:   -1
// score:    2/4

""+2
// expected: Oh fuck. uhhhh. maybe it comes in as zero, or maybe
//           it gets treated like a character string instead of
//           a number string, which maybe casts the 2 to a string
//           ...wait, yeah, it's definitely "2"!
// actual:   "2"
// score:    3/5

+"2"
// expected: Probably 2, right? I'd expect it to cast the "2" to
//           a number and then make it "positive" or something.
// actual:   2
// score:    4/6