Mastering JavaScript Type Conversion: A Comprehensive Guide for Web Developers
Table of contents
JavaScript Type Conversion
Type conversion in JavaScript refers to the process of converting a value from one data type to another. This process is often necessary when working with different types of data or when performing operations that expect a specific data type.
String to Number
Method 1: parseInt()
let string = "2000";
let convertedNumber = parseInt(string);
console.log(typeof convertedNumber); // Output: number
Method 2: Unary Plus +
let string2 = "2300";
let convertedNumber2 = +string2;
console.log(typeof convertedNumber2); // Output: number
Method 3: Number()
let string3 = "4000";
let convertedNumber3 = Number(string3);
console.log(typeof convertedNumber3); // Output: number
Number to String
Method 1: toString()
let number = 123;
let convertedString = number.toString();
console.log(typeof convertedString); // Output: string
Method 2: String()
let convertedString2 = String(number);
console.log(typeof convertedString2); // Output: string
String to Decimal
Method 1: parseFloat()
let stringDecimal = "20.54";
let convertedDecimal = parseFloat(stringDecimal);
console.log(typeof convertedDecimal); // Output: number
Implicit Type Conversion
JavaScript also performs automatic type conversion, known as implicit type conversion or coercion, when operands of different types are involved in an operation.
let number1 = 10;
let stringNumber = "5";
let result = number1 + stringNumber; // JavaScript implicitly converts number1 to a string
console.log(result); // Output: "105"
Truthy and Falsy Values
JavaScript has truthy and falsy values. When using a non-boolean value in a boolean context (e.g., in an if
statement), JavaScript performs type coercion to determine the truthiness or falsiness.
let value = "Hello";
if (value) {
console.log("Truthy"); // Output: Truthy
} else {
console.log("Falsy");
}
Boolean to String/Number
Method 1: toString()
let booleanValue = true;
let convertedStringBoolean = booleanValue.toString();
console.log(typeof convertedStringBoolean); // Output: string
Method 2: Number()
let convertedNumberBoolean = Number(booleanValue);
console.log(typeof convertedNumberBoolean); // Output: number