Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
How null is converted to Boolean in JavaScript?
In JavaScript, null is a primitive value that represents an intentional absence of any object value. When converting null to Boolean, it always evaluates to false because null is considered a falsy value in JavaScript.
Understanding Falsy Values
In JavaScript, null is one of the falsy values along with undefined, 0, "" (empty string), NaN, and false. All falsy values convert to false when used in Boolean contexts.
Using the Boolean() Function
The Boolean() function converts any value to its Boolean equivalent. For null, it always returns false.
Syntax
Boolean(null)
Example
<html>
<head>
<title>Convert null to Boolean</title>
</head>
<body>
<p>Convert null to Boolean using the Boolean() function</p>
<p id="output"></p>
<script>
let bool = Boolean(null);
document.getElementById("output").innerHTML = "Result: " + bool + "<br>";
document.getElementById("output").innerHTML += "Type: " + typeof bool;
</script>
</body>
</html>
Result: false Type: boolean
Avoid new Boolean()
Never use new Boolean() as it creates a Boolean object, not a primitive boolean value. This can lead to unexpected behavior.
<html>
<head>
<title>Why not to use new Boolean()</title>
</head>
<body>
<p>Comparison: Boolean() vs new Boolean()</p>
<p id="output"></p>
<script>
let primitive = Boolean(null);
let object = new Boolean(null);
document.getElementById("output").innerHTML = "Boolean(null): " + primitive + " (type: " + typeof primitive + ")<br>";
document.getElementById("output").innerHTML += "new Boolean(null): " + object + " (type: " + typeof object + ")";
</script>
</body>
</html>
Boolean(null): false (type: boolean) new Boolean(null): false (type: object)
Using the !! Operator
The double negation operator (!!) is a shorthand way to convert any value to Boolean. The first ! converts the value to Boolean and negates it, the second ! negates it back to the correct Boolean value.
Syntax
!!value
How It Works
<html>
<body>
<p>Breaking down the !! operator</p>
<p id="output"></p>
<script>
let value = null;
let step1 = !value; // First negation
let step2 = !!value; // Double negation
document.getElementById("output").innerHTML = "Original: " + value + "<br>";
document.getElementById("output").innerHTML += "!null: " + step1 + "<br>";
document.getElementById("output").innerHTML += "!!null: " + step2;
</script>
</body>
</html>
Original: null !null: true !!null: false
Example: Converting null with !!
<html>
<head>
<title>Convert null to Boolean using !!</title>
</head>
<body>
<p>Convert null to Boolean using the !! operator</p>
<p id="output"></p>
<script>
let bool = !!null;
document.getElementById("output").innerHTML = "Result: " + bool + "<br>";
document.getElementById("output").innerHTML += "Type: " + typeof bool;
</script>
</body>
</html>
Result: false Type: boolean
Comparison
| Method | Syntax | Performance | Readability |
|---|---|---|---|
Boolean() |
Boolean(null) |
Good | Excellent |
!! operator |
!!null |
Slightly faster | Good |
Conclusion
Both Boolean(null) and !!null convert null to false. Use Boolean() for clarity or !! for conciseness. Both methods are widely used and perform well in practice.
7K+ Views
