Whether you want to display a number as part of a sentence or pass it as a string to a function or API, there is always a need to conversion of number to string. In this article, we will learn about various methods to convert a Number to a String in JavaScript.<\/p>\n\n\n\n
Strings in JavaScript represent a sequence of multiple characters.<\/strong> \u2018C\u2019 represents a single character and \u201cCat\u201d represents a string. In JavaScript, we can declare a string in two ways. Let us look into each method.<\/p>\n\n\n\n We can declare a string in JavaScript by making a string literal using double quotes. The syntax and example for the same is given below:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n We can also declare a string in JavaScript by creating a String object:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n In this section, we will look at various techniques that help us convert a JavaScript Number into a String. Let us begin!<\/p>\n\n\n\n One of the easiest and most concise methods of converting a number to a string is by using the toString() function.<\/strong> <\/p>\n\n\n\n The syntax for the toString() method is given as follows:<\/p>\n\n\n\n where, <\/p>\n\n\n\n convertedStr:<\/strong> variable to store the string that we get from the toString() function.<\/p>\n\n\n\n num:<\/strong> variable representing the number that has to be converted to string<\/p>\n\n\n\n radix:<\/strong> optional parameter, can be 2(binary), 8(octal), 10(decimal), or 16(hexadecimal) according to the requirements<\/p>\n\n\n\n Here\u2019s an example:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n In this example, we have used the toString() function to convert the number 9 to a string. We passed various radices and stored the obtained strings in different variables which are printed on the console. We have obtained the desired result. <\/p>\n\n\n\n String() is a constructor of the class String. It takes any value or variable as the parameter and converts it into a string. <\/p>\n\n\n\n The difference between the toString() function and the String() constructor is that the toString() method can convert the number into different decimal forms and then to a string, i.e. it takes radix as an optional parameter. The String() parameter would simply convert the number to a string in whichever form it is passed.\u00a0<\/strong><\/p>\n\n\n\n Let us understand with the help of an example.<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n As shown in the example and the output, the number 9 is converted into the string 9 with the help of the String() constructor.<\/p>\n\n\n\n Let us try converting float into a string:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n This method works with float numbers as well. We have obtained the desired result<\/p>\n\n\n\n Concatenating an empty string with a number is a simple and efficient way for conversion from number to string. This method involves using the \u201c+\u201d operator to concatenate the number with an empty string. Here\u2019s an example:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n We have obtained the desired output. Let us try the same with floating point numbers:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n The method works with both integers and floating-point numbers. <\/p>\n\n\n\n With the introduction of template strings in ES6, one can inject a number into a string using backticks (`). This approach is called string interpolation. It provides a concise and readable way to convert numbers to strings.<\/p>\n\n\n\n Let us see an example:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n We have obtained the desired output. Let us try the same with floating point numbers.<\/p>\n\n\n\n Output<\/strong>:<\/p>\n\n\n\n The method works with both integers and floating-point numbers. <\/p>\n\n\n\n The toFixed() method is another method of converting a number to a string. But, this method is primarily used when you need to convert a number to a string with a specific number of decimal places. This method rounds the number to the specified precision and returns it as a string.<\/p>\n\n\n\n Syntax of toFixed() Function is as follows:<\/p>\n\n\n\n where, <\/p>\n\n\n\n convertedStr:<\/strong> variable to store the string that we get from the toFixed() function.<\/p>\n\n\n\n num: <\/strong>variable representing the number that has to be converted to string<\/p>\n\n\n\n decimal_places<\/strong>: a number that represents the decimal places by which the floating point number has to be rounded.<\/p>\n\n\n\n Let us take an example.<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n We have used the toFixed() method to convert a floating point number to a string. We rounded down the floating point number to 2 decimal places by passing 2 as a parameter in the toFixed() function and finally stored the string obtained from the function in a variable.<\/p>\n\n\n\n Note that toFixed() returns a string representation of the number, not a rounded number value. <\/strong>We have obtained the desired result.<\/p>\n\n\n\n We have to consider the specific requirements of a project while choosing a method for conversion. <\/p>\n\n\n\n\/\/declaring a string literal\nlet a="FavTutor"\n\n\/\/printing the string\nconsole.log(a);<\/pre><\/div>\n\n\n\n
FavTutor<\/code><\/pre>\n\n\n\n\/\/declaring a string using String Object\nlet str=new String("FavTutor")\n\n\/\/printing the string\nconsole.log(str);<\/pre><\/div>\n\n\n\n[ String: \u2018FavTutor\u2019 ]<\/code><\/pre>\n\n\n\n5 Methods to Convert Number to String\u00a0in JavaScript<\/strong><\/h2>\n\n\n\n
1) Using toString() Function<\/strong><\/h3>\n\n\n\n
let convertedStr = num.toString(radix)<\/code><\/pre>\n\n\n\n\/\/declaring a number\nlet num=9;\n\n\/\/printing and checking the type of num variable\nconsole.log(num + " " + typeof(num));\n\n\/\/using the toString() method with different radices\nlet convertedStrBin = num.toString(2);\nlet convertedStrOct = num.toString(8);\nlet convertedStrHex = num.toString(16);\nlet convertedStrDec = num.toString(10);\n\n\/\/printing and checking type of convertedStr variables\nconsole.log(convertedStrBin + " " + typeof(convertedStrBin));\nconsole.log(convertedStrOct + " " + typeof(convertedStrOct));\nconsole.log(convertedStrDec + " " + typeof(convertedStrDec));\nconsole.log(convertedStrHex + " " + typeof(convertedStrHex));<\/pre><\/div>\n\n\n\n
9 number\n1001 string\n11 string\n9 string\n9 string<\/code><\/pre>\n\n\n\n2) Using String() constructor<\/strong><\/h3>\n\n\n\n
\/\/declaring a number\nlet num=9;\n\n\/\/printing and checking the type of num variable\nconsole.log(num + " " + typeof(num));\n\n\/\/using the String() Constructor\nlet convertedStr = String(num);\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n
9 number\n9 string\n<\/code><\/pre>\n\n\n\n\/\/declaring a float number\nlet num=9.6;\n\n\/\/printing and checking the type of num variable\nconsole.log(num + " " + typeof(num));\n\n\/\/using the String() Constructor\nlet convertedStr = String(num);\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n
9.6 number\n9.6 string<\/code><\/pre>\n\n\n\n3) Concatenating the Empty String<\/strong><\/h3>\n\n\n\n
\/\/declaring a number\nlet num=9;\n\n\/\/printing and checking the type of num variable\nconsole.log(num + " " + typeof(num));\n\n\/\/using the "+" operator\nlet convertedStr = "" + num;\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n
9 number\n9 string<\/code><\/pre>\n\n\n\n\/\/declaring a Float number\nlet numFloat=9.6;\n\n\/\/printing and checking the type of numFloat variable\nconsole.log(numFloat + " " + typeof(numFloat));\n\n\/\/using the "+" operator\nlet convertedStr = "" + numFloat;\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n
9.6 number\n9.6 string\n<\/code><\/pre>\n\n\n\n4) Leveraging Template Strings<\/strong><\/h3>\n\n\n\n
\/\/declaring a number\nlet num=9;\n\n\/\/printing and checking the type of num variable\nconsole.log(num + " " + typeof(num));\n\n\/\/using the template strings\nlet convertedStr = `${num}`\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n9 number\n9 string\n<\/code><\/pre>\n\n\n\n\/\/declaring a Float number\nlet numFloat=9.6;\n\n\/\/printing and checking the type of numFloat variable\nconsole.log(numFloat + " " + typeof(numFloat));\n\n\/\/using the template strings\nlet convertedStr =`${numFloat}`;\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n9.6 number\n9.6 string\n<\/code><\/pre>\n\n\n\n5) Using the toFixed() Method<\/strong><\/h3>\n\n\n\n
let convertedStr = num.toFixed(decimal_places)<\/code><\/pre>\n\n\n\n\/\/declaring a Float number\nlet numFloat=9.6743;\n\n\/\/printing and checking the type of numFloat variable\nconsole.log(numFloat + " " + typeof(numFloat));\n\n\/\/using the toFixed() function\nlet convertedStr = numFloat.toFixed(2);\n\n\/\/printing and checking type of convertedStr variable\nconsole.log(convertedStr + " " + typeof(convertedStr));<\/pre><\/div>\n\n\n\n
9.6743 number\n9.67 string\n<\/code><\/pre>\n\n\n\nChoosing the Right Method<\/strong><\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n<\/ul>\n\n\n\n