0Pricing
JavaScript Academy · 课时

运算中的隐式类型转换

预测 + 运算和比较如何转换类型。

运算中的隐式类型转换 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 3 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 4 节课。

隐式强制转换

隐式强制转换发生在运算符将操作数转换为运算所需的类型时。不同的运算符会触发不同的转换。

console.log("5" + 1)
console.log("5" - 1)

字符串参与加法

加号运算符比较特殊:只要任一操作数是字符串,它就会执行字符串拼接,而不是数值相加。

console.log("3" + 4)
console.log(3 + "4")
console.log("a" + 1 + 2)

数字加数字

当两个操作数都是数字时,加号会将它们相加。当字符串稍后出现在运算链中时,运算顺序很重要。

console.log(1 + 2 + "3")
console.log("1" + 2 + 3)

减号会强制转换为数字

减号没有字符串含义,因此始终会将两个操作数转换为数字,包括看起来像数字的字符串。

console.log("10" - "4")
console.log("10" - 4)

乘法与除法

与减号一样,乘法和除法运算符会将操作数强制转换为数字。非数字字符串会产生 NaN。

console.log("6" * "2")
console.log("abc" * 2)

一元加号

写在值前面的一元加号会将其强制转换为数字,是一种简洁的转换技巧。

console.log(+"42")
console.log(+"3.14")
console.log(+true)

比较中的强制转换

小于号等关系运算符会将操作数转换为数字,除非两者都是字符串;在这种情况下,它们会按字母顺序比较。

console.log("10" > 5)
console.log("apple" < "banana")

混合类型比较

当一侧是字符串、另一侧是数字时,字符串会转换为数字后再进行比较。

console.log("20" > 3)
console.log("3" > 20)

算术中的布尔值

布尔值在算术运算中会变为 1 或 0,因此将真加到一个数字上会使该数字增加一。

console.log(true + true)
console.log(5 + false)

数组的强制转换

数组参与加法时会转换为字符串。空数组会变为空字符串,单元素数组会变成该元素的文本。

console.log([] + [])
console.log([1, 2] + [3])

避免意外结果

为防止意外拼接或 NaN,请在运算前使用数字或字符串转换函数进行显式转换。明确的意图胜过依赖强制转换。

const a = "5"
const b = "3"
console.log(Number(a) + Number(b))

快速检查

请测试您对强制转换的了解。

回顾

回顾:运算符会触发不同的强制转换。

  • 只要有一个操作数是字符串,加号就会执行拼接
  • 减法、乘法和除法会强制转换为数字
  • 比较会强制转换为数字,除非两者都是字符串
  • 进行显式转换以避免意外结果
console.log("5" + 1)
console.log("5" - 1)

常见问题解答

「运算中的隐式类型转换」课时是免费的吗?

是的 — 「运算中的隐式类型转换」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 JavaScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 4 节课。

「运算中的隐式类型转换」这节课中我会学到什么?

预测 + 运算和比较如何转换类型。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 3 节课,共 4 节。

「运算中的隐式类型转换」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗?

能。每节 JavaScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 真值与假值
  2. 宽松相等与严格相等
  3. 运算中的隐式类型转换
  4. 显式类型转换技巧
← 返回 JavaScript Academy