+91 7387620624

Type Conversion

Introduction

Type Conversion is the process of converting a value from one data type to another. Since JavaScript is a dynamically typed language, variables can hold values of different data types, and JavaScript often converts values automatically when required.

For example, a number can be converted to a string, a string can be converted to a number, or any value can be converted to a Boolean.

Understanding type conversion is essential because it helps prevent unexpected results and makes your code more reliable. It is especially important in automation testing, where data from APIs, web forms, databases, and files often needs to be converted before processing.

What is Type Conversion?

Type Conversion is the process of changing a value from one data type into another.

JavaScript supports two types of type conversion:

  1. Implicit Type Conversion (Automatic)

  2. Explicit Type Conversion (Manual)

Why Do We Need Type Conversion?

Type conversion is useful for:

  • Processing user input

  • Performing mathematical calculations

  • Validating form data

  • Parsing API responses

  • Reading CSV and JSON data

  • Comparing values correctly

  • Automation testing

Types of Type Conversion

1. Implicit Type Conversion

In Implicit Type Conversion, JavaScript automatically converts one data type into another when needed.

Example:

let result = "10" + 5;

console.log(result);

Output

105

Here, JavaScript converts the number 5 into the string "5" and concatenates the values.

Another example:

console.log("20" - 5);

Output

15

In this case, JavaScript converts "20" into the number 20 before performing subtraction.

2. Explicit Type Conversion

In Explicit Type Conversion, the programmer manually converts one data type into another using built-in functions.

Common conversion functions include:

  • Number()

  • String()

  • Boolean()

  • BigInt()

Converting to Number

Use the Number() function.

let value = "100";

console.log(Number(value));

Output

100

Converting a Boolean to a Number

console.log(Number(true));

Output

1

console.log(Number(false));

Output

0

Converting null to a Number

console.log(Number(null));

Output

0

Converting undefined to a Number

console.log(Number(undefined));

Output

NaN

Converting an Invalid String

console.log(Number("JavaScript"));

Output

NaN

Converting to String

Use the String() function.

let age = 25;

console.log(String(age));

Output

25

Converting a Boolean

console.log(String(true));

Output

true

Converting null

console.log(String(null));

Output

null

Converting undefined

console.log(String(undefined));

Output

undefined

Converting to Boolean

Use the Boolean() function.

console.log(Boolean(1));

Output

true

console.log(Boolean(0));

Output

false

console.log(Boolean("Hello"));

Output

true

console.log(Boolean(""));

Output

false

console.log(Boolean(null));

Output

false

console.log(Boolean(undefined));

Output

false

Converting to BigInt

Use the BigInt() function.

let value = 100;

console.log(BigInt(value));

Output

100n

Truthy and Falsy Values

JavaScript automatically converts values to true or false in conditional statements.

Truthy Values

The following values are considered truthy:

  • Non-empty strings

  • Non-zero numbers

  • Arrays

  • Objects

  • Symbols

  • BigInt values other than 0n

Example:

if ("JavaScript") {

    console.log("Truthy");

}

Output

Truthy

Falsy Values

The following values are considered falsy:

  • false

  • 0

  • -0

  • 0n

  • "" (Empty String)

  • null

  • undefined

  • NaN

Example:

if (0) {

    console.log("Hello");

}

Output

No output is displayed because 0 is a falsy value.

Implicit Conversion Examples

String + Number

console.log("5" + 10);

Output

510

String – Number

console.log("20" - 5);

Output

15

Boolean + Number

console.log(true + 5);

Output

6

Boolean + Boolean

console.log(true + true);

Output

2

Parsing Numbers from Strings

Using parseInt()

console.log(parseInt("150"));

Output

150

console.log(parseInt("150px"));

Output

150

Using parseFloat()

console.log(parseFloat("25.75"));

Output

25.75

console.log(parseFloat("25.75kg"));

Output

25.75

Real-World Example

Suppose a user enters their age in a text field.

let age = "30";

let nextYear = Number(age) + 1;

console.log(nextYear);

Output

31

Without conversion, JavaScript would perform string concatenation instead of addition.

Automation Testing Example

Automation engineers frequently receive data from APIs as strings.

const expectedStatus = 200;

const actualStatus = "200";

console.log(Number(actualStatus) === expectedStatus);

Output

true

Another example:

const price = "1500";

const total = Number(price) + 500;

console.log(total);

Output

2000

Common Mistakes

Forgetting to Convert User Input

Incorrect:

let age = "25";

console.log(age + 5);

Output

255

Correct:

let age = "25";

console.log(Number(age) + 5);

Output

30

Assuming All Strings Can Be Converted

Incorrect:

console.log(Number("Hello"));

Output

NaN

Always validate the input before converting it.

Using == Instead of ===

Incorrect:

console.log(100 == "100");

Output

true

Preferred:

console.log(100 === "100");

Output

false

Strict equality avoids unexpected type conversion.

Best Practices

Use Explicit Conversion

Convert values manually using Number(), String(), or Boolean() whenever possible.

Use Strict Equality (===)

Avoid relying on automatic type conversion during comparisons.

Validate Input Before Conversion

Check whether the input is valid before converting it into another data type.

Understand Truthy and Falsy Values

Knowing how JavaScript evaluates values in conditions helps prevent logical errors.

Conclusion

Type Conversion is one of the most important concepts in JavaScript. Since JavaScript is dynamically typed, values are often converted automatically or manually during program execution.

Understanding implicit and explicit type conversion helps developers avoid bugs, write cleaner code, and process data correctly. It is especially valuable in automation testing, where data from forms, APIs, databases, and files frequently requires conversion before validation or comparison.

Frequently Asked Questions (FAQs)

What is Type Conversion in JavaScript?

Type Conversion is the process of converting a value from one data type to another.

What are the two types of type conversion?

  1. Implicit Type Conversion (Automatic)

  2. Explicit Type Conversion (Manual)

Which function converts a string into a number?

Use the Number() function.

Example:

Number("100");

What happens if an invalid string is converted to a number?

JavaScript returns:

NaN

Why is Type Conversion important in automation testing?

Automation engineers often convert data received from APIs, forms, JSON files, CSV files, and databases before performing validations or assertions.

Key Takeaways

  • Type Conversion changes a value from one data type to another.

  • JavaScript supports both implicit and explicit type conversion.

  • Use Number(), String(), Boolean(), and BigInt() for manual conversions.

  • parseInt() and parseFloat() are useful for extracting numbers from strings.

  • Understand truthy and falsy values to write correct conditional statements.

  • Prefer explicit conversion over relying on JavaScript’s automatic conversion.

  • Use strict equality (===) to avoid unexpected type coercion.

  • Validate data before converting it.

  • Type conversion is commonly used when handling user input, APIs, and files.

  • Understanding type conversion helps write reliable JavaScript applications and automation scripts.