Converting a number to a string in JavaScript is a common operation when working with text, form values, messages, user interfaces, and data processing. JavaScript provides several ways to convert a number into a string, including the String() function, the toString() method, template literals, and string concatenation. Understanding these methods helps developers handle numeric values correctly when they need to be displayed or combined with text.

Table of Contents

---

What Does Converting a Number to String Mean?

Converting a number to a string means changing a numeric value into text. For example, 100 is a number, while "100" is a string.
Although both values contain 100, JavaScript treats them as different data types.

Example:

// JavaScript program to demonstrate number to string conversion
let number = 100;
let text = String(number);
console.log(number);
console.log(text);
console.log(typeof number);
console.log(typeof text);

Output:

100
100
number
string

Here, the String() function converts the number 100 into the string "100".

Why Convert Number to String?

Numbers are often converted into strings when they need to be displayed as text or combined with other text values.
For example, a program may need to display a user's age inside a message.

Example:

// JavaScript program to demonstrate converting a number for display
let age = 21;
let message = "My age is " + String(age);
console.log(message);

Output:

My age is 21

The number is converted into a string before being combined with the text.

Using String()

The String() function is a simple and reliable way to convert a number into a string.

Example:

// JavaScript program to convert a number to a string using String
let number = 250;
let text = String(number);
console.log(text);
console.log(typeof text);

Output:

250
string

The String() function converts the number 250 into the string "250".

Using toString()

The toString() method can be called directly on a number to convert it into a string.

Example:

// JavaScript program to convert a number to a string using toString
let number = 500;
let text = number.toString();
console.log(text);
console.log(typeof text);

Output:

500
string

Here, toString() converts the number into its string representation.

Using Template Literals

Template literals can also convert numbers into strings when values are placed inside a template literal.
Template literals use backticks.

Example:

// JavaScript program to convert a number to a string using a template literal
let number = 75;
let text = `${number}`;
console.log(text);
console.log(typeof text);

Output:

75
string

The number is converted into a string when it is inserted into the template literal.

Using String Concatenation

A number can also be converted to a string by concatenating it with another string.

Example:

// JavaScript program to convert a number to a string using concatenation
let number = 100;
let text = "" + number;
console.log(text);
console.log(typeof text);

Output:

100
string

In this example, the empty string causes JavaScript to convert the number into a string before performing the concatenation.

Converting Decimal Numbers

Decimal numbers can also be converted into strings using String() or toString().

Example:

// JavaScript program to convert a decimal number to a string
let number = 45.75;
let text = String(number);
console.log(text);
console.log(typeof text);

Output:

45.75
string

The decimal portion is preserved during the conversion.

Converting Negative Numbers

Negative numbers can be converted into strings in the same way as positive numbers.

Example:

// JavaScript program to convert a negative number to a string
let number = -150;
let text = number.toString();
console.log(text);
console.log(typeof text);

Output:

-150
string

The negative sign is included in the resulting string.

Converting Zero to String

The number 0 can also be converted into a string.

Example:

// JavaScript program to convert zero to a string
let number = 0;
let text = String(number);
console.log(text);
console.log(typeof text);

Output:

0
string

The resulting value is the string "0".

Checking the Data Type

The typeof operator can be used to check whether the converted value is a string.

Example:

// JavaScript program to check the data type after number to string conversion
let number = 123;
let text = String(number);
console.log(typeof number);
console.log(typeof text);

Output:

number
string

The first value is a number, while the converted value is a string.

Difference Between String() and toString()

Both String() and toString() can convert numbers into strings, but they are used differently.

Method	Description	Example	Result
String()	Converts a value into a string.	String(100)	"100"
toString()	Calls the conversion method on the number itself.	(100).toString()	"100"

Using String():

// JavaScript program to demonstrate String conversion
let number = 100;
console.log(String(number));

Output:

100

Using toString():

// JavaScript program to demonstrate toString conversion
let number = 100;
console.log(number.toString());

Output:

100

String() is generally convenient when the value may be of different types, while toString() is commonly used when working directly with a known number value.

Complete Program to Convert Number to String

The following program demonstrates several common ways to convert a number into a string.

// JavaScript program to demonstrate different ways to convert a number to a string
let number = 250;
let result1 = String(number);
let result2 = number.toString();
let result3 = `${number}`;
let result4 = "" + number;
console.log(result1);
console.log(result2);
console.log(result3);
console.log(result4);
console.log(typeof result1);
console.log(typeof result2);
console.log(typeof result3);
console.log(typeof result4);

Output:

250
250
250
250
string
string
string
string

All four approaches convert the number into a string.

Advantages of Converting Numbers to Strings

1. Text Display: Converting numbers to strings makes it easier to display numeric values inside messages and user interfaces.
2. String Concatenation: String conversion allows numeric values to be combined with other text.
3. Data Formatting: Numbers can be converted into strings when preparing data for text-based output.
4. Better Data Handling: Explicit conversion makes it clear that a numeric value is being treated as text.
5. Flexible Conversion: JavaScript provides multiple methods for converting numbers into strings based on the programming requirement.

Common Beginner Mistakes

1. Confusing Numbers and Strings: Beginners may assume that 100 and "100" have the same data type, but the first is a number and the second is a string.
2. Forgetting the Conversion: Beginners may use a number where a string is required and get unexpected results during string operations.
3. Confusing String() with toString(): Both can convert numbers into strings, but String() is a function while toString() is a method called on the value.
4. Forgetting to Check the Data Type: Beginners may check only the displayed value and forget to use typeof to verify the actual data type.
5. Using Unnecessary Concatenation: Beginners may use "" + number when String(number) provides a clearer and more explicit conversion.

Conclusion

Converting a number to a string is an important operation in JavaScript when numeric values need to be handled as text. The String() function and toString() method are commonly used for explicit conversion, while template literals and string concatenation can also convert numbers into strings. Understanding these methods helps developers work correctly with text, display values, and string operations.

FAQs

1. How do you convert a number to a string in JavaScript?

A number can be converted to a string using String(), toString(), template literals, or string concatenation.

2. What does String(100) return?

String(100) returns the string "100", whose data type is string.

3. What is the difference between String() and toString()?

String() is a function that converts a value into a string, while toString() is a method called directly on a value.

4. Can decimal numbers be converted into strings?

Yes, decimal numbers can be converted into strings using methods such as String() and toString(), while preserving their decimal values.

5. How can you check whether a number was converted into a string?

The typeof operator can be used to check the data type, and it returns string after successful conversion.