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:
Table of Content
- Using toString() Method
- Using Template Literals
- Using toFixed() Method
- Using String Constructor
- Using toLocaleString() Method
Convert Number to String 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
Convert Number to 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
Convert Number to 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
Convert Number to 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
Convert Number to 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
Contact Us