🌶️JavaScript类型转换
2025-7-1
| 2025-7-1
Words 1170Read Time 3 min
type
status
date
slug
summary
tags
category
icon
password
上次编辑时间
Jul 1, 2025 08:13 AM
comment
AI 总结
大多数情况下,运算符和函数会自动将赋予它们的值转换为正确的类型。
比如,alert 会自动将任何值都转换为字符串以进行显示。算术运算符会将值转换为数字。
在某些情况下,我们需要将值显式地转换为我们期望的类型。
对象还未纳入讨论中
在本章中,我们不会讨论 object 类型。目前,我们将只学习原始类型。
之后,在我们学习完 object 类型后,我们会在 对象 —— 原始值转换 一章中学习对象 — 原始值转换。

字符串转换

当我们需要一个字符串形式的值时,就会进行字符串转换。
比如,alert(value) 将 value 转换为字符串类型,然后显示这个值。
我们也可以显式地调用 String(value) 来将 value 转换为字符串类型:
字符串转换最明显。false 变成 "false"null 变成 "null" 等。

数字型转换

在算术函数和表达式中,会自动进行 number 类型转换。
比如,当把除法 / 用于非 number 类型:
我们也可以使用 Number(value) 显式地将这个 value 转换为 number 类型。
当我们从 string 类型源(如文本表单)中读取一个值,但期望输入一个数字时,通常需要进行显式转换。
如果该字符串不是一个有效的数字,转换的结果会是 NaN。例如:
number 类型转换规则:
变成……
undefined
NaN
null
0
true 和 false
1 and 0
string
去掉首尾空白字符(空格、换行符 \n、制表符 \t 等)后的纯数字字符串中含有的数字。如果剩余字符串为空,则转换结果为 0。否则,将会从剩余字符串中“读取”数字。当类型转换出现 error 时返回 NaN
例子:
请注意 null 和 undefined 在这有点不同:null 变成数字 0undefined 变成 NaN
大多数数学运算符都执行这种转换,我们将在下一节中进行介绍。

布尔型转换

布尔(boolean)类型转换是最简单的一个。
它发生在逻辑运算中(稍后我们将进行条件判断和其他类似的东西),但是也可以通过调用 Boolean(value) 显式地进行转换。
转换规则如下:
  • 直观上为“空”的值(如 0、空字符串、nullundefined 和 NaN)将变为 false
  • 其他值变成 true
比如:
请注意:包含 0 的字符串 "0" 是 true
一些编程语言(比如 PHP)视 "0" 为 false。但在 JavaScript 中,非空的字符串总是 true

总结

有三种常用的类型转换:转换为 string 类型、转换为 number 类型和转换为 boolean 类型。
字符串转换 —— 转换发生在输出内容的时候,也可以通过 String(value) 进行显式转换。原始类型值的 string 类型转换通常是很明显的。
数字型转换 —— 转换发生在进行算术操作时,也可以通过 Number(value) 进行显式转换。
数字型转换遵循以下规则:
变成……
undefined
NaN
null
0
true / false
1 / 0
string
“按原样读取”字符串,两端的空白字符(空格、换行符 \n、制表符 \t 等)会被忽略。空字符串变成 0。转换出错则输出 NaN
布尔型转换 —— 转换发生在进行逻辑操作时,也可以通过 Boolean(value) 进行显式转换。
布尔型转换遵循以下规则:
变成……
0nullundefinedNaN""
false
其他值
true
上述的大多数规则都容易理解和记忆。人们通常会犯错误的值得注意的例子有以下几个:
  • 对 undefined 进行数字型转换时,输出结果为 NaN,而非 0
  • 对 "0" 和只有空格的字符串(比如:" ")进行布尔型转换时,输出结果为 true
我们在本小节没有讲 object 类型的转换。在我们学习完更多关于 JavaScript 的基础知识后,我们会在专门介绍 object 的章节 对象 —— 原始值转换 中详细讲解 object 类型转换。
  • JavaScript
  • 基础运算符,数学运算交互:alert、prompt 和 confirm
    Loading...