JavaScript转换为数字|极客笔记

JavaScript转换为数字

JavaScript 是一种流行的脚本语言，广泛用于Web开发。在JavaScript中，我们经常需要将一个字符串转换为数字。本文将详细探讨如何在JavaScript中进行字符串转换为数字的操作。

使用parseInt函数

在JavaScript中，我们可以使用parseInt函数将一个字符串转换为整数。parseInt函数会解析字符串，直到遇到非数字字符为止，然后返回解析后的整数部分。

let str = "123";
let num = parseInt(str);
console.log(num); // Output: 123

在上面的示例中，我们将字符串”123″转换为整数123。

需要注意的是，parseInt函数还接受一个可选的参数，该参数指定解析时的基数。比如，我们可以将十六进制的字符串转换为整数：

let hexStr = "1a";
let num = parseInt(hexStr, 16);
console.log(num); // Output: 26

使用parseFloat函数

除了整数，JavaScript还可以将字符串转换为浮点数。我们可以使用parseFloat函数来实现这一功能。parseFloat函数会解析字符串，直到遇到非数字字符为止，然后返回解析后的浮点数部分。

let str = "3.14";
let num = parseFloat(str);
console.log(num); // Output: 3.14

在上面的示例中，我们将字符串”3.14″转换为浮点数3.14。

使用Number函数

除了parseInt和parseFloat函数外，JavaScript还提供了Number函数用于将字符串转换为数字。Number函数会尽可能地将字符串转换为数字，如果无法转换，则返回NaN。

let str = "42";
let num = Number(str);
console.log(num); // Output: 42

let invalidStr = "abc";
let num = Number(invalidStr);
console.log(num); // Output: NaN

在上面的示例中，我们将字符串”42″成功转换为数字42，但将字符串”abc”转换时失败，返回NaN。

需要注意的是，Number函数还可以将布尔值转换为数字：

let bool = true;
let num = Number(bool);
console.log(num); // Output: 1

let falseBool = false;
let num = Number(falseBool);
console.log(num); // Output: 0

在上面的示例中，true被转换为1，false被转换为0。

使用加号运算符

在JavaScript中，我们还可以使用加号运算符将字符串转换为数字。这种方法简单直接，适用于整数和浮点数。

let str = "123";
let num = +str;
console.log(num); // Output: 123

let floatStr = "3.14";
let floatNum = +floatStr;
console.log(floatNum); // Output: 3.14

在上面的示例中，我们成功地将字符串”123″和”3.14″转换为数字。