面试题：JavaScript显式类型转换的场景应用

Question

在JavaScript中，假设有一个变量`var num = '123';`，请列举至少两种将其显式转换为数字类型的方法，并说明在什么常见场景下会用到这种转换。

Answer 1

1. 使用Number()函数
   • 示例：var num = '123'; let result = Number(num);
   • 常见场景：当需要将字符串类型的数字转换为真正的数字类型，用于数学计算时。例如，从表单输入获取的值通常是字符串类型，若要进行数值运算，就需要转换。如计算用户输入的两个数字之和：

let num1 = Number(document.getElementById('input1').value);
let num2 = Number(document.getElementById('input2').value);
let sum = num1 + num2;

2. 使用parseInt()函数
   • 示例：var num = '123'; let result = parseInt(num);
   • 常见场景：当字符串可能包含非数字字符，但只想获取前面的整数部分时。比如解析版本号字符串中的主版本号。例如，版本号字符串"v1.2.3"，若要获取主版本号1，可以使用parseInt("v1.2.3")。
3. 使用parseFloat()函数
   • 示例：var num = '123.45'; let result = parseFloat(num);
   • 常见场景：当字符串可能表示浮点数，且需要将其转换为数字类型时。比如解析价格字符串，价格可能包含小数部分。如解析商品价格"$123.45"，先去掉货币符号后使用parseFloat获取数值。