Syntax
String(value), Number(value), Boolean(value)Examples
Explicit Conversion
Deliberately converting between types.
console.log(String(42)); // "42"
console.log(String(true)); // "true"
console.log(Number("42")); // 42
console.log(Number("abc")); // NaN
console.log(Number("")); // 0
console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean("hello"));// trueImplicit Coercion Gotchas
Common surprises from automatic type conversion.
console.log("5" + 3); // "53" - + triggers string concatenation
console.log("5" - 3); // 2 - - forces numeric conversion
console.log("5" * "2"); // 10 - * forces numeric conversion
console.log(1 + true); // 2 - true becomes 1
console.log([] + []); // "" - both arrays become empty strings
console.log([] + {}); // "[object Object]" - surprising but consistent with the rulesFalsy Values
The specific set of values that convert to false in a boolean context.
// The complete list of falsy values in JavaScript:
Boolean(false); // false
Boolean(0); // false
Boolean(""); // false
Boolean(null); // false
Boolean(undefined); // false
Boolean(NaN); // false
// Everything else, including "0", "false", [], and {}, is truthyBest practices
- Use explicit conversion (Number(), String(), Boolean()) rather than relying on implicit coercion, for clearer and more predictable code
- Memorize the falsy values list - it explains most "why is this if statement not working" bugs
- Be especially cautious with + since it behaves completely differently depending on whether either operand is a string
- Use === instead of == to sidestep most implicit coercion surprises during comparisons entirely
At a glance
- Purpose
- Application logic and interaction
- File extension
- .js ยท .mjs
- Runs in
- Browsers and JavaScript runtimes
- Usually used with
- HTML, CSS and Web APIs
Specifications & further reading
Related JavaScript documentation
Arrow Functions
Arrow functions provide a more concise syntax for writing function expressions in JavaScript. Introduced in ES6, they use the => syntax and have some important differences from regular functions, particularly in how they handle the "this" keyword. Arrow functions are especially useful for callbacks, array methods, and short inline functions.Variables: var, let, const
JavaScript has three ways to declare variables. var is the original way, function-scoped and hoisted with a default value of undefined. let, introduced in ES6, is block-scoped and can be reassigned. const is also block-scoped but cannot be reassigned after its initial value is set. Modern JavaScript strongly favors let and const over var.Data Types
JavaScript has seven primitive data types - string, number, boolean, undefined, null, bigint, and symbol - plus the object type, which includes arrays, functions, and plain objects. JavaScript is dynamically typed, meaning a variable can hold any type and that type can change. The typeof operator reports a value's type at runtime.Arithmetic Operators
Arithmetic operators perform mathematical calculations on numbers: addition (+), subtraction (-), multiplication (*), division (/), remainder/modulo (%), and exponentiation (**). The + operator also performs string concatenation when either operand is a string. Increment (++) and decrement (--) adjust a variable by one.
Arrow functions provide a more concise syntax for writing function expressions in JavaScript. Introduced in ES6, they use the => syntax and have some important differences from regular functions, particularly in how they handle the "this" keyword. Arrow functions are especially useful for callbacks, array methods, and short inline functions.Variables: var, let, const
JavaScript has three ways to declare variables. var is the original way, function-scoped and hoisted with a default value of undefined. let, introduced in ES6, is block-scoped and can be reassigned. const is also block-scoped but cannot be reassigned after its initial value is set. Modern JavaScript strongly favors let and const over var.Data Types
JavaScript has seven primitive data types - string, number, boolean, undefined, null, bigint, and symbol - plus the object type, which includes arrays, functions, and plain objects. JavaScript is dynamically typed, meaning a variable can hold any type and that type can change. The typeof operator reports a value's type at runtime.Arithmetic Operators
Arithmetic operators perform mathematical calculations on numbers: addition (+), subtraction (-), multiplication (*), division (/), remainder/modulo (%), and exponentiation (**). The + operator also performs string concatenation when either operand is a string. Increment (++) and decrement (--) adjust a variable by one.