JavaScript数字和字符串转换示例

JavaScript 数字和字符串转换是开发过程中非常常见的操作之一。本攻略将带您了解如何在 JavaScript 中进行数字和字符串间的转换。

数字转字符串

在 JavaScript 中可以使用 toString() 方法将数字转换为字符串。

let num = 123;
let str = num.toString();
console.log(typeof str, str); // string "123"

上述代码中，num 是数字类型的变量。使用 toString() 方法将 num 转换为字符串类型，返回值为字符串类型的“123”。

除了 toString() 方法外，我们还可以使用 String() 方法将数字转换为字符串。

let num = 456;
let str = String(num);
console.log(typeof str, str); // string "456"

与上述代码类似，String() 方法也可以将数字类型的变量 num 转换为字符串类型。

字符串转数字

在 JavaScript 中可以使用 Number() 方法将字符串转换为数字。需要注意的是，转换内容必须符合数字格式。如果需要转换的内容不符合数字格式，则返回 NaN。

let str1 = "789";
let num1 = Number(str1);
console.log(typeof num1, num1); // number 789

let str2 = "abc";
let num2 = Number(str2);
console.log(typeof num2, num2); // number NaN

上述代码中，str1 是数字格式的字符串，可以使用 Number() 方法将其转换为数字类型的变量 num1。相反，str2 不是数字格式的字符串，Number() 方法无法将其转换为数字类型的变量，返回值为 NaN。

除了 Number() 方法外，我们还可以使用 parseInt() 和 parseFloat() 方法将字符串转换为数字类型的变量。

let str = "3.14159";
let num1 = parseInt(str);
console.log(typeof num1, num1); // number 3

let num2 = parseFloat(str);
console.log(typeof num2, num2); // number 3.14159

在上述代码中，分别使用 parseInt() 和 parseFloat() 方法将字符串 str 转换为数字类型的变量 num1 和 num2。需要注意的是，parseInt() 是将字符串转换为整数类型的方法，而 parseFloat() 则是将字符串转换为浮点数类型的方法。