Why is the result of ('b'+'a'+ + 'a' + 'a').toLowerCase() 'banana'?

javascript type-conversion
HV Sharma picture HV Sharma · Aug 12, 2019 · Viewed 81.2k times · Source

I was practicing some JavaScript when one of my friends came across this JavaScript code:

The above code answers "banana"! Can anyone explain why?

Answer

SOFe picture SOFe · Aug 12, 2019

+'a' resolves to NaN ("Not a Number") because it coerces a string to a number, while the character a cannot be parsed as a number. 

document.write(+'a');
To lowercase it becomes banana.

Adding NaN to "ba" turns NaN into the string "NaN" due to type conversion, gives baNaN. And then there is an a behind, giving baNaNa.

The space between + + is to make the first one string concatenation and the second one a unary plus (i.e. "positive") operator. You have the same result if you use 'ba'+(+'a')+'a', resolved as 'ba'+NaN+'a', which is equivalent to 'ba'+'NaN'+'a' due to type juggling.

document.write('ba'+(+'a')+'a');

Related questions

Converting a string to a date in JavaScript

How can I convert a string to a date in JavaScript? var st = "date in some format" var dt = new date(); var dt_st= //st in date format same as dt

Read More
How to convert an Object {} to an Array [] of key-value pairs in JavaScript

I want to convert an object like this: {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0} into an array of key-value pairs like this: [[1,5],[2,7],[3,0],[4,0]...]. How can I convert an Object to an Array of key-value pairs in JavaScript?

Read More
How can I convert string to datetime with format specification in JavaScript?

How can I convert a string to a date time object in javascript by specifying a format string? I am looking for something like: var dateTime = convertToDateTime("23.11.2009 12:34:56", "dd.MM.yyyy HH:mm:ss");

Read More