How to convert numbers to text in JavaScript

In JavaScript, we often need to convert numbers into text. This situation often occurs in fields such as processing amounts, calculations, statistics, etc. Since numbers and text in JavaScript are different data types, if you need to convert a number to text, you need to use a different method. This article will explain how to convert numbers to text in JavaScript.

Method 1: Use toString() function

In JavaScript, each number has a toString() function, which can convert the number into a string. The syntax of this function is as follows:

number.toString([radix])

Among them, the radix parameter specifies the base number used for conversion. This parameter is optional. If omitted, decimal will be used by default. For example:

var num = 123;
var str = num.toString(); // The value of str is "123"

In the above example, we change the number 123 Convert to string. Since the radix parameter is not specified, decimal conversion is used by default, so the result is "123".

The following is an example of specifying the radix parameter:

var num = 16;
var str = num.toString(2); // The value of str is "10000"

In this example, we convert the number 16 into a string and specify the binary system for conversion. So the result is "10000".

Using the toString() function can easily convert numbers into strings. However, it should be noted that if the number is null or undefined, a TypeError error will be thrown when calling the toString() function.

Method 2: Use the String() function

In addition to using the toString() function, we can also use the global function String() in JavaScript to convert numbers to strings. When using the String() function, if the argument is a number, it is automatically converted to a string. For example:

var num = 456;
var str = String(num); // The value of str is "456"

In this example, we use the String() function Convert the number 456 to a string. Since the argument is a number, the String() function automatically converts it to a string.

It should be noted that if the parameter is null or undefined, a TypeError error will not be thrown when using the String() function to convert it to a string. Instead, they are converted into two strings, "null" and "undefined".

Method 3: Use template strings

ES6 introduces the concept of template strings, making it more convenient to convert numbers into strings in JavaScript. Template strings make it easy to insert variables, including numbers, into strings. For example:

var num = 789;
var str = The number is ${num}; // The value of str is "The number is 789"

In In this example, we use backticks (`) to represent strings and ${} to insert variables. The value 789 of the variable num is automatically converted to a string and inserted into the string.

It should be noted that if the variable is empty or undefined, it will be automatically converted into two strings of "null" and "undefined" when inserted into the string.

Summary

There are three ways to convert numbers to text in JavaScript: using the toString() function, using the String() function, and using template strings. These methods are simple and convenient and can be selected and used according to actual needs. Of course, the choice of which method to use needs to be made on a case-by-case basis.

The above is the detailed content of How to convert numbers to text in JavaScript. For more information, please follow other related articles on the PHP Chinese website!