JavaScript 中的 parseInt(string) 和 Number(string) 有什么区别 [复制]

Java

JavaScript中的parseInt(string)和Number(string)有什么区别？

在JavaScript中，我们经常需要将字符串转换为数字。为此，我们可以使用parseInt(string)和Number(string)这两个函数。尽管它们看起来很相似，但实际上它们有一些区别。在本文中，我们将探讨这两个函数的不同之处，并提供一些案例代码来帮助理解。

parseInt(string)函数

parseInt函数用于将字符串转换为整数。它会忽略字符串中的非数字字符，并返回整数部分。如果字符串以非数字字符开头，则parseInt函数将返回NaN（非数字）。

下面是一个使用parseInt函数的示例代码：

Javascript
let str = "123";
let num = parseInt(str);
console.log(num); // 输出: 123
str = "123abc";
num = parseInt(str);
console.log(num); // 输出: 123
str = "abc123";
num = parseInt(str);
console.log(num); // 输出: NaN

从上面的代码中可以看出，parseInt函数会从字符串的开头开始解析，直到遇到第一个非数字字符为止。它会忽略字符串中的字母和其他特殊字符，并返回整数部分。

Number(string)函数

Number函数用于将字符串转换为数字。它会尝试解析整个字符串，并返回一个数字。如果字符串中包含非数字字符，则Number函数将返回NaN。

下面是一个使用Number函数的示例代码：

Javascript
let str = "123";
let num = Number(str);
console.log(num); // 输出: 123
str = "123.45";
num = Number(str);
console.log(num); // 输出: 123.45
str = "abc";
num = Number(str);
console.log(num); // 输出: NaN

从上面的代码中可以看出，Number函数会尝试解析整个字符串，包括小数点和其他特殊字符。它会返回一个浮点数，如果字符串中包含非数字字符，则返回NaN。

区别与应用场景

现在，让我们来一下parseInt和Number的区别，并探讨它们的应用场景。

1. 解析方式不同：parseInt函数从字符串的开头开始解析，直到遇到第一个非数字字符为止，而Number函数尝试解析整个字符串。

2. 返回类型不同：parseInt函数返回整数，而Number函数返回浮点数。

3. NaN的处理不同：parseInt函数在遇到非数字字符时返回NaN，而Number函数在字符串中包含非数字字符时也返回NaN。

由于这些区别，我们可以根据具体的需求选择使用parseInt或Number函数。如果我们只需要获取字符串中的整数部分，并忽略小数点和其他特殊字符，那么可以使用parseInt函数。如果我们需要解析整个字符串，并保留小数点和其他特殊字符，那么可以使用Number函数。

parseInt函数适用于从字符串中提取整数，而Number函数适用于解析整个字符串。

在本文中，我们比较了JavaScript中的parseInt和Number函数，并讨论了它们的区别和应用场景。尽管它们都用于将字符串转换为数字，但它们的解析方式、返回类型和NaN的处理方式不同。了解这些区别可以帮助我们选择合适的函数来满足我们的需求。在实际开发中，根据具体的情况选择合适的函数非常重要。