javascript parseInt与Number函数的区别

下面是对“JavaScript parseInt与Number函数的区别”的详细讲解以及示例说明。

1. JavaScript中的parseInt函数

parseInt()函数可以将一个字符串解析成整数。它接受两个参数：第一个参数是要转换的字符串，第二个参数是基数(即进制数)。

例如，下面的代码将字符串"10"转换为数字10：

let num = parseInt("10", 10); 
console.log(num); // 输出: 10

第二个参数可以省略，如果省略第二个参数，则会默认使用十进制进行转换：

let num = parseInt("10"); // 默认使用十进制进行转换 
console.log(num); // 输出: 10

需要注意的是，如果字符串中包含了非数字字符，将会返回可解析的部分，例如：

let num = parseInt("10abc", 10); 
console.log(num); // 输出: 10，因为"abc"不能解析成数字

2. JavaScript中的Number函数

Number()函数将任意类型的值转换为数字。如果参数是一个字符串，它会尝试将字符串解析为数字。

例如，下面的代码将字符串"10"转换为数字10：

let num = Number("10"); 
console.log(num); // 输出: 10

与parseInt函数不同的是，它不支持第二个参数指定进制数。另外，如果字符串中包含非数字字符，将会返回NaN(不是一个数字)。

例如，下面的代码会返回一个NaN值，因为其中包含非数字字符"a"：

let num = Number("10a"); 
console.log(num); // 输出: NaN，因为"a"不能解析成数字

3. 两者的区别

虽然parseInt()和Number()函数都可以将字符串转换成数字，但是它们的行为有所不同。

主要的区别在于：

• parseInt()只解析整数，可以通过第二个参数来指定进制数，会忽略字符串中的非数字字符。
• Number()可以解析整数和浮点数，不支持进制数，如果字符串中包含非数字字符，则会返回NaN。

因此，我们在使用它们时，需要根据实际需求来选择使用哪个函数。

4. 示例说明

4.1 示例1

假设我们要将一个网页上的输入框中输入的数值进行计算。输入框中允许输入整数或者小数，但是我们需要将它们转换成数字进行计算。

我们可以使用Number()函数来将用户输入的值转换成数字。例如：

let inputValue = "3.14"; 
let num = Number(inputValue); 
let result = num * 2; 
console.log(result); // 输出: 6.28

4.2 示例2

在做日期比较的时候，我们常常需要将日期字符串转换为时间戳。例如：

let dateString = "2021-09-01"; 
let timestamp = Date.parse(dateString); 
console.log(timestamp); // 输出: 1630454400000

上面的代码中，我们使用Date.parse()函数将日期字符串转换为时间戳。Date.parse()函数中的参数可以是一个日期字符串，也可以是一个Date对象。我们可以通过Number()函数将时间戳转换为数字，用于比较或者计算。