Menu
CoddyTech

类型转换:第 1 部分

本课属于 Coddy JavaScript 学习旅程的“基础知识”单元。第 30 课,共 77 课。

要在 JavaScript 中转换不同的数据类型,我们需要使用类型转换。

JavaScript 支持隐式和显式类型转换。我们先来了解最常见的显式转换方法(第 1 部分):

parseInt 和 parseFloat

// 使用 parseInt 和 parseFloat 将字符串转换为数字
let str = "42";
let num1 = parseInt(str);    // 转换为整数
let num2 = parseFloat("42.5");  // 转换为浮点数

console.log(num1);  // 输出:42
console.log(num2);  // 输出:42.5

这两个函数都会从字符串开头读取数字,并在遇到第一个不属于数字的字符时停止。如果字符串开头不是数字,它们会返回 NaN(非数字):

console.log(parseInt("5ab"));      // 输出:5(解析到无效字符为止)
console.log(parseFloat("5.2xyz")); // 输出:5.2(解析到无效字符为止)
console.log(parseFloat("abc123")); // 输出:NaN(开头没有数字)

来自用户输入的值(例如 inp[0])始终是字符串,所以在进行数学运算前要用 parseInt 或 parseFloat 转换它们,否则 + 会把它们拼接为文本,而不是相加。

使用正确的类型很重要,因为它会影响输出。

拼接两个字符串:"5" + "5" == "55"

将两个数字相加:5 + 5 == 10

理解类型转换对于编写可靠的 JavaScript 代码和避免程序中出现意外结果至关重要。

challenge icon

挑战

入门

给定两个字符串 var1 和 var2。

将它们转换为浮点数,并打印两者的乘积。

亲手试试

let var1 = inp[0] // 不要修改这一行
let var2 = inp[1] // 不要修改这一行

// 在下方编写代码
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: JavaScript 在线编译器