面试题：JavaScript中显式类型转换的常见方法及应用场景

Question

请列举JavaScript中至少三种显式类型转换的方法，并分别说明它们适用的应用场景，同时给出对应的代码示例。

Answer 1

1. Number()
   • 适用场景：将各种类型的值转换为数值类型，常用于表单输入值转换、数学运算前确保操作数为数字等场景。
   • 代码示例：

   let str1 = '123';
   let num1 = Number(str1);
   console.log(num1); // 123
   
   let bool1 = true;
   let num2 = Number(bool1);
   console.log(num2); // 1
   

2. String()
   • 适用场景：当需要将其他类型的值转换为字符串，比如在日志记录、显示数据到页面等场景。
   • 代码示例：

   let num3 = 456;
   let str2 = String(num3);
   console.log(str2); // '456'
   
   let arr1 = [1, 2, 3];
   let str3 = String(arr1);
   console.log(str3); // '1,2,3'
   

3. Boolean()
   • 适用场景：用于判断某个值是否为布尔意义上的“真”或“假”，比如在条件判断语句中，确保条件是布尔类型。
   • 代码示例：

   let num4 = 0;
   let bool2 = Boolean(num4);
   console.log(bool2); // false
   
   let str4 = 'hello';
   let bool3 = Boolean(str4);
   console.log(bool3); // true
   

4. parseInt()
   • 适用场景：主要用于将字符串解析为整数，常用于处理用户输入的数字字符串并转换为整数进行运算等场景。
   • 代码示例：

   let str5 = '12.34';
   let int1 = parseInt(str5);
   console.log(int1); // 12
   
   let str6 = '0xf';
   let int2 = parseInt(str6, 16);
   console.log(int2); // 15
   

5. parseFloat()
   • 适用场景：把字符串解析为浮点数，适用于需要处理包含小数的字符串并转换为数值的场景，如处理货币金额等。
   • 代码示例：

   let str7 = '12.34';
   let float1 = parseFloat(str7);
   console.log(float1); // 12.34
   
   let str8 = '123abc';
   let float2 = parseFloat(str8);
   console.log(float2); // 123