How to Convert a Bool to String Value in TypeScript ?

When we talk about converting a boolean to a string value in TypeScript, we mean changing the data type of a variable from a boolean (true or false) to a string (a sequence of characters). To convert a bool to a string value in TypeScript we have multiple approaches.

Example: let’s say you have a variable isLogged that represents whether a user is logged in or not:

const isLogged: boolean = true;

If you need to use this boolean value as a string, you can convert it to a string representation using various methods, as discussed earlier. The result would be a new variable with a string data type:

const isLogged: boolean = true;
const isLoggedAsString: string = isLogged.toString();

Now, isLoggedAsString holds the string representation of the boolean value true as “true”. This can be useful when you need to concatenate it with other strings, display it in a user interface, or pass it to functions or APIs that expect string values.

Below are the approaches used to Convert a bool to a string value in TypeScript:

Approach 1: Using Ternary Operator

The ternary operator is a concise way to write a conditional expression. It allows you to check a condition and choose between two values based on whether the condition is true or false.

Example: In this example, the ternary operator checks if myBool is true. If true, it assigns the string 'true'; otherwise, it assigns 'false'.

Javascript

const myBool: boolean = true;
const boolAsString: string = myBool ? 'true' : 'false';
console.log(boolAsString); // Outputs 'true' or 'false'

Output:

true

Approach 2: Using Template Literal

Template literals are a convenient way to create strings in TypeScript. When you enclose an expression within ${}, it gets evaluated and included in the resulting string.

Example: In this example, the expression ${myBool} is evaluated, and the result is a string containing the boolean value converted to its string representation.

Javascript

const myBool: boolean = true;
const boolAsString: string = `${myBool}`;
console.log(boolAsString); // Outputs 'true' or 'false'

Output:

true

Approach 3: Using toString()

The toString() method is available on primitive values, including booleans. It converts the boolean to its string representation.

Example: In this example, the toString() method is called on myBool, returning a string representation of the boolean value.

Javascript

const myBool: boolean = true;
const boolAsString: string = myBool.toString();
console.log(boolAsString); // Outputs 'true' or 'false'

Output:

true