js强制转换number(JS强制转换数字，简单易学！)

什么是JS中的强制转换

在JS中，数据类型非常重要。然而，有时候我们需要改变一个变量或值的数据类型。这就是JS中的强制转换。强制转换是指将一个数据类型转换为另一个数据类型的过程，而不改变原有的值。虽然JS支持自动类型转换但是在某些情况下我们需要强制转换来满足特定要求。

强制转换Number类型

强制转换Number类型意味着将值转换为数字类型。JS提供了三种方法来执行此操作：Number()、parseInt()和parseFloat()。

使用Number()方法

Number()方法可以将字符串转换为数字类型，最终产生一个数字。如果字符串不包含数字，则会返回NaN（“Not a Number”），如果字符串是空白字符，则返回0。

```

var str = "123";

var num = Number(str);

console.log(num); // Output: 123

```

使用parseInt()方法

parseInt()方法用于将字符串转换为整数。如果字符串中包含非数字字符，则parseInt()会忽略该字符，并返回数字的整数部分。parseInt()也可以在字符串前面有0x或0X的情况下将其视为16进制数以进行转换。如果转换失败，parseInt()会返回NaN。

```

var str1 = "10";

var str2 = "10.5";

var str3 = "100px";

var num1 = parseInt(str1);

var num2 = parseInt(str2);

var num3 = parseInt(str3);

console.log(num1); // Output: 10

console.log(num2); // Output: 10

console.log(num3); // Output: 100

```

使用parseFloat()方法

parseFloat()方法用于将字符串转换为浮点数。如果字符串包含非数字字符，则parseFloat()会忽略该字符，并返回数字的整数部分和小数部分。如果转换失败，parseFloat()会返回NaN。

```

var str1 = "10.5";

var str2 = "100px";

var num1 = parseFloat(str1);

var num2 = parseFloat(str2);

console.log(num1); // Output: 10.5

console.log(num2); // Output: 100

```

一些注意事项

在将一个非数字转换为数字时，JS不会报错，而是返回NaN。NaN在JS中是特别的数字，它代表“不是一个数字”。在使用isNaN()函数时，可以检查一个值是否NaN。

```

var x = "hello";

var num = Number(x);

console.log(num); // Output: NaN

console.log(isNaN(num)); // Output: true

```

还需要注意的是，强制转换不会改变原有的值，而是会返回一个新的值。如果需要应用该转换，需要将新的转换后的值赋值给变量。

```

var x = "123";

console.log(x); // Output: “123” (string)

x = Number(x);

console.log(x); // Output: 123 (number)

```

总结

JavaScript中的强制类型转换（强制转换数字）是非常有用的。在某些情况下，我们需要将一个值的数据类型更改为另一种数据类型。这可以通过Number()、parseInt()和parseFloat()方法轻松完成。需要注意的是，强制转换不会改变原有的值，而是会返回一个新的值。如果需要应用该转换，需要将新的转换后的值赋值给变量。