JavaScript字符串和数字转换

在编写 JavaScript 程序时，您可能需要在字符串和数字之间进行转换。这是一项常见的任务，在本文中，我们将深入了解如何在 JavaScript 中执行此操作。

字符串转数字

要将字符串转换为数字，可以使用 parseInt 或 parseFloat 函数。例如，如果您有一个字符串 "10"，并且想将其转换为数字类型，可以使用以下代码：

var stringNumber = "10";
var number = parseInt(stringNumber);

注意，parseInt 将返回整数，而 parseFloat 将返回浮点数。如果您需要使用浮点数，则应该使用 parseFloat。

var stringFloat = "10.5";
var floatNumber = parseFloat(stringFloat);

基于进制的转换

默认情况下，parseInt 函数将尝试将输入字符串解析为十进制数字。但是，您也可以指定使用其他进制。例如，要将二进制字符串 "1010" 转换为数字，可以使用以下代码：

var binaryString = "1010";
var decimalNumber = parseInt(binaryString, 2);

在这个例子中，第二个参数是进制数（在本例中为 2），用于指定要解析的字符串的进制。同样的方式也适用于八进制和十六进制。

数字转字符串

要将数字转换为字符串，您可以使用 JavaScript 的内置 toString() 方法。例如，以下代码将数字 10 转换为字符串。

var number = 10;
var stringNumber = number.toString();

格式化数字

您可以使用 toString() 方法来格式化数字，以便在输出中显示特定数量的小数位数。例如，以下代码将数字 0.1 格式化为两位小数的字符串。

var number = 0.1;
var stringNumber = number.toFixed(2);

使用模板字符串

ES6 引入了模板字符串，它允许您将变量插入到字符串中而无需使用拼接运算符。例如，以下代码创建一个包含变量的字符串：

var name = "John";
var age = 30;
var message = `My name is ${name} and I am ${age} years old.`;

在这个例子中，${} 中的表达式会被求值，并将其结果插入到字符串中。

总结

字符串和数字之间的转换是 JavaScript 编程中的常见任务。parseInt 和 parseFloat 函数用于将字符串转换为数字，而 toString() 方法用于将数字转换为字符串。还可以格式化数字，以便输出特定数量的小数位数。同时，使用模板字符串可以使代码更加简洁易懂。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11818