JavaScript 的数据类型转换

数据类型之间的转换

数据类型之间转换的规则

1. 转换为 Boolean

转换规则：只有 0, NaN, '', null, undefined 这五个基本数据类型能转换为 false，其余的都转换为 true
方法
- Boolean([val]);
- ! / !!
- ! -> 转换为 bool 类型值后取反
- !! -> 转换为 bool 类型值

2.转换为 Number

转换规则：
- 原始值转换为 Number 类型
- Null 转换为 Number，转换后的结果为 0
- Undefined 转换为 Number，转换后的结果为 NaN
- Boolean 转换为 Number，true 会转换成 1 ，flase 会转换成 0
- String 转换为 Number
  - 调用 Number() 进行转换（会忽略： 前导 0 和两端的不可视字符(如空格，换行之类) ）
  - 如果字符串只包含数字，则将其转换为十进制数值。
  - 如果字符串包含有效的浮点数格式，则将其转换为对应的浮点数值
  - 如果字符串包含有效的十六进制格式，例如 "0xf" ，则将其转换为相同大小的十进制数值
  - 如果字符串是空的，则将其转换为 0
  - 调用 parseInt(string, radix) 进行转换（会忽略： 首部的不可视字符）
  - 在不传入第二个参数时，parseInt 只解析十进制数和十六进制数
  - 如果字符串是空的，则将其转换为 NaN
  - 调用 parseFloat(string) 进行转换（会忽略：首部的不可视字符以及前导 0）
  - parseFloat 没有第二个参数，若字符串中的数字为16进制形式，则转换为0
  - 如果字符串是空的，则将其转换为 NaN
  - 如果解析的结果是整数，则返回的结果是整数而不是浮点数
- 引用值转换为 number 类型
基本原则：

对象转换为数字的过程中：
1. 如果对象有 valueOf() 方法，且调用该方法可以返回一个原始值，则 javascript 将这个原始值转换为数字并返回这个数字
2. 否则，如果对象有 toString() 方法，且返回一个原始值，则 javascript 将这个原始值转换为数字并返回这个数字
3. 否则，javascript 抛出一个类型错误异常
4. 转换完之后，如果原始值不是数字的话，再对原始值进行 Number() 转换
具体实现（一般情况）：
- 普通 Object对象转换为 Number，会先调用 Object.ptototype.valueOf() 方法, 后调用 Object.prototype.toString() 转换为 string 类型，再调用 Number() 方法将 string 类型转换为 number 类型。
- Array对象转换为 Number，会先调用 Array.prototype.toString() 方法将数组转换为 string 类型，再调用 Number() 方法将 string 类型转换为 number 类型。
- Date对象转换为 Number，会调用 Date.prototype.valueOf() 方法，返回距离 1970年1月1日00:00 的毫秒数。
- RegExp对象转换为 Number，先调用 RegExp.prototype.toString() 方法转换为 string 类型，再调用 Number() 方法将 string 类型转换为 number 类型。
- function 转换为 Number，会先调用 Function.prototype.toString() 方法转换为 string 类型，再调用 Number() 方法将 string 类型转换为 number 类型

3.转换为 String

转换规则
- 原始值转换
- Null 转换为 String，返回 "null"
- Undefined 转换为 String，转换为 "undefined"
- Number 转换为 String，普通地转换为字符串类型
  - Number.prototype.toString() 方法转换为字符串
  - 如果不传入参数，则默认使用十进制转换
  - 参数是 Number ，传入参数 n 后，将数字转换为 n 进制数字，后转换为字符串。如 (15).toString(2) === "1111"
- Boolean 转换为 String，转换为 "true" 或 "false"
- 引用类型转换
  1. 如果有 toString() 方法，则调用该方法，如果返回的是原始值，则 javascript 将其返回
  2. 否则，调用 valueOf() 方法，如果返回一个原始值，则 javascript 将其返回
  3. 否则，javascript 抛出一个类型错误异常

4.引用类型转换为原始值的规则

方法：ToPrimitive

ToPrimitive(input, PreferredType)

input : 表示要处理的输入值
PreferredType : 非必填，表示希望转换成的类型，有两个值可选，Number 或者 String 。
- 当不传入 PreferredType 时，如果 input 是日期对象，相当于传入 String ，否则，都相当于传入 Number 。
如果是 ToPrimitive(obj, Number)，处理步骤如下：
1. 如果 obj 为基本类型，直接返回
2. 否则，调用 valueOf 方法，如果返回的是一个原始值，则 javascript 将其返回
3. 否则，调用 toString 方法，如果返回的是一个原始值，则 javascript 将其返回
4. 否则，javascript 抛出一个类型错误异常
如果是 ToPrimitive(obj, String)，处理步骤如下：
1. 如果 obj 为基本类型，直接返回
2. 否则，调用 toString 方法，如果返回的是一个原始值，则 javascript 将其返回
3. 否则，调用 valueOf 方法，如果返回的是一个原始值，则 javascript 将其返回
4. 否则，javascript 抛出一个类型错误异常

隐式类型转换

一元操作符

一元加法 +

当 + 运算符作为一元操作符的时候，会进行隐式的 ToNumber 转换
一元减法 -

当 - 运算符作为一元操作符的时候，会进行隐式的 ToNumber 转换

二元操作符

二元加法 +

当计算 value1 + value2时的类型转换：
1. lprim = ToPrimitive(value1)
2. rprim = ToPrimitive(value2)
3. 如果 lprim 是字符串或者 rprim 是字符串，那么返回 ToString(lprim) 和 ToString(rprim) 的拼接结果
4. 否则，返回 ToNumber(lprim) 和 ToNumber(rprim) 的运算结果
二元减法 -

当计算 value1 - value2时的类型转换：

返回 ToNumber(value1) - ToNumber(value2)

== 相等

当执行 x == y 时：

如果x与y是同一类型：
1. x是Undefined，返回true
2. x是Null，返回true
3. x是数字：
  1. x是NaN，返回false
  2. y是NaN，返回false
  3. x与y相等，返回true
  4. x是+0，y是-0，返回true
  5. x是-0，y是+0，返回true
  6. 返回false
4. x是字符串，完全相等返回true,否则返回false
5. x是布尔值，x和y都是true或者false，返回true，否则返回false
6. x和y指向同一个对象，返回true，否则返回false
x是null并且y是undefined，返回true
x是undefined并且y是null，返回true
x是数字，y是字符串，判断x == ToNumber(y)
x是字符串，y是数字，判断ToNumber(x) == y
x是布尔值，判断ToNumber(x) == y
y是布尔值，判断x ==ToNumber(y)
x是字符串或者数字，y是对象，判断x == ToPrimitive(y)
x是对象，y是字符串或者数字，判断ToPrimitive(x) == y
返回false

若是不同类型值的判断：

遇到 bool 类型的值，先将 bool 转换为 number 类型，再比较
如果遇到 string 和 number 比较，先将 string 转换为 number，再比较
如果遇到 [string | number] 与 [引用类型值] 比较，先将 [引用类型值] 转换为 [string]，再比较
如果遇到 null ，且与其相比较的不是 undefined，则直接返回 false
如果遇到 undefined ，且与其相比较的不是 null，则直接返回 false

注：若数组中的元素有 null ，则在其转换为字符串时，null 元素会被忽略

console.log([null, 1, null].toString()) //=> ",1,"

nfssuzukaze / Blog

JavaScript 的数据类型转换 #24

数据类型之间的转换

数据类型之间转换的规则

1. 转换为 Boolean

2.转换为 Number

3.转换为 String

4.引用类型转换为原始值的规则

隐式类型转换

一元操作符

二元操作符

== 相等