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

Mastering JavaScript Type Conversion: A Comprehensive Guide for Web Developers

Comments

More from this blog

Setting Up Nginx on Ubuntu AWS EC2: A Step-by-Step Guide

Deploying a Web Application with MongoDB on Kubernetes: A Step-by-Step Guide

Introduction to Kubernetes (K8s)

JavaScript Array Mastery

JavaScript Looping Techniques

JavaScript Type Conversion

String to Number

Method 1: `parseInt()`

Method 2: Unary Plus `+`

Method 3: `Number()`

Number to String

Method 1: `toString()`

Method 2: `String()`

String to Decimal

Method 1: `parseFloat()`

Implicit Type Conversion

Truthy and Falsy Values

Boolean to String/Number

Method 1: `toString()`

Method 2: `Number()`

Command Palette

Comments

More from this blog

JavaScript Type Conversion

String to Number

Method 1: parseInt()

Method 2: Unary Plus +

Method 3: Number()

Number to String

Method 1: toString()

Method 2: String()

String to Decimal

Method 1: parseFloat()

Implicit Type Conversion

Truthy and Falsy Values

Boolean to String/Number

Method 1: toString()

Method 2: Number()

Method 1: `parseInt()`

Method 2: Unary Plus `+`

Method 3: `Number()`

Method 1: `toString()`

Method 2: `String()`

Method 1: `parseFloat()`

Method 1: `toString()`

Method 2: `Number()`