How to Convert Number to String in TypeScript ?

Converting floats to strings is a common operation in programming that enables us to work with numeric data in a more flexible and controlled manner.

Below are the approaches:

Using toString() Method

In this approach, we are using toString() method. That is used to convert a value to a string. we will pass the numeric value and it will convert that value into a string.

Syntax:

Object.toString()

Example: In the below code we are passing the number value to the toString() method which converts the float to a string.

let numberValue: number = 7.577474;
let stringValue: string = numberValue.toString();
console.log(stringValue);
console.log(typeof stringValue);

Output:

7.577474
string

Using Template Literals

Template literals are a feature in JavaScript (and TypeScript) that allows us to create multi-line strings and embed expressions within them.

Syntax:

let varName: string = `${object}`;

Example: The number variable myFloat is interpolated into the template literal ${myFloat}, which converts it to a string. The resulting string is then assigned to the variable myString.

let myFloat: number = 3.14159;
let myString: string = `${myFloat}`;
console.log(myString);
console.log(typeof myString);

Output:

3.14159
string

Using toFixed() Method

The toFixed() method is used to round a number to two decimal places and return the result as a string.

Syntax:

let roundedNumber = number.toFixed(digits);

Example: Below is the practical implementation of the above method.

let num: number = 10.555;
let roundedNum: string = num.toFixed(2);
console.log(roundedNum);
console.log(typeof roundedNum);

Output:

10.55
string

Using String Constructor

The String constructor can be used to create a new string object. It can also be used to convert a value to a string. in this approach we will see how we can convert float value to string using String Constructor.

Syntax:

let str: string = String(floatValue);

Example: In this example, String(num) converts the number 123.78 into a string "123.78" using the String constructor.

let num: number = 123.78;
let str: string = String(num);

console.log(str);
console.log(typeof str);

Output:

123.78
string

Using toLocaleString() Method

The toLocaleString() method converts a number into a string, using a locale-specific representation of the number. This method provides flexibility in formatting numbers based on different locales, such as specifying the language, country, and desired formatting options.

Syntax:

dateObj.toLocaleString(locales, options)

Example: This TypeScript code converts the number 1234567.89 to a string using `toLocaleString('en-US')`, formatting it with US locale settings, and outputs the result, confirming its type as string.

let num: number = 1234567.89;
let str: string = num.toLocaleString('en-US'); 
console.log(str);
console.log(typeof str);

Output:

1,234,567.89
string

Using toPrecision() Method

The toPrecision() method returns a string representing the number to the specified precision (number of significant digits).

Syntax:

let str: string = num.toPrecision(precision);

Example Code:

let num: number = 5.6789;
let str: string = num.toPrecision(3);

console.log(str); 
console.log(typeof str);

Output:

5.68
string

Using JSON.stringify() Method

Another approach to convert floats to strings in TypeScript is by using the JSON.stringify() method. This method is typically used to convert JavaScript values to JSON strings, but it can also be used to convert numbers to strings in a straightforward way.

Example: In the example below, we are passing a float value to the JSON.stringify() method, which converts the float to a string.

let myFloat: number = 45.6789;
let myString: string = JSON.stringify(myFloat);

console.log(myString);
console.log(typeof myString);

Output:

45.6789
string

Using concat() Method

The concat() method is used to concatenate strings. By concatenating an empty string ("") with a number, you can convert the number to a string.

Syntax:

let str: string = numberValue.concat("");

Example: In this example, concatenating an empty string ("") to the number converts it to a string.

let numberValue: number = 789.1011;
let stringValue: string = numberValue + "";
console.log(stringValue);          
console.log(typeof stringValue);  

Output:

789.1011
string