JS对象到原始值的转换

2023-02-13 13:58:35 浏览数 (1)

JS对象到原始值转换的复杂性 主要由于某些对象类型存在不止一种原始值的表示

对象到原始值转换的三种基本算法

在解释三种算法前需要了解toString valueOf这两个方法

toString
  • 返回对象的字符串表示
  • Array类的toString方法会将每个元素转换为字符串，再使用逗号作为分隔符拼接起来
  • Function类的toString方法将定义的函数转换为JS源代码的字符串
  • Date类型的toString方法返回一个人类友好(且JS可解析)的日期和时间字符串
  • RegExp类定义的toString方法将RegExp对象转换为一个看起来像RegExp字面量的字符串
valueOf
  • 把对象转换为代表对象原始值(如果存在这样一个原始值)
  • 对象是复合值，且多数对象不能真正通过一个原始值标识，valueOf方法默认情况只返回对象本身
  • String Number Boolean包装类定义的valueOf返回被包装的原始值
  • Array Function RegExp 继承默认方法，返回对象本身
  • Date对象返回日期的内部表示形式: 自1970年1月1日至今的毫秒数
偏字符串 (该算法返回原始值，只要可能就返回字符串)
  • 首先尝试toString方法
  • 方法有定义且返回原始值，则使用该原始值(即使这个值不是字符串)
  • 不存在或者存在但返回对象，则尝试使用valueOf方法
  • 方法存在且返回原始值，则使用该值。
  • 否则，转换失败 TypeError
偏数值 (该算法返回原始值，只要可能就返回数值)
  • 与偏字符串算法类似，先尝试valueOf再尝试toString
无偏好 (该算法不倾向于任何原始值类型，而是由类定义自己的转换规则)
  • 取决于被转换对象的类
  • 如果是Date对象，则使用偏字符串算法
  • 其他类型使用偏数值算法

JS内置类型除了Date类都实现了偏数值算法;Date类实现了偏字符串算法

对象转换为布尔值

  • 所有对象都转换为true
  • 不需要使用前面的转换算法
  • 包括空数组、new Boolean(false)包装对象
代码语言：javascript复制
Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) /// true

对象转换为字符串

  • 使用偏字符串算法转换为一个原始值
  • 再将原始值转换为字符串
代码语言：javascript复制
String({}) // '[object Object]'
String([]) // ''
String(new Date(2023)) // 'Sun Jan 01 2023 08:00:00 GMT 0800 (中国标准时间)'
String(new RegExp(/[a-z]/i)) // '/[a-z]/i'

对象转换为数值

  • 使用偏数值算法转换为一个原始值
  • 将原始值转换为数值
代码语言：javascript复制
Number({}) // NaN
Number([]) // 0
Number([6]) // 6
Number(new Date(2023)) // 1672531200000
Number(new RegExp(/[a-z]i/)) // NaN

操作符转换特例

操作符
  • 执行数值加法和字符串拼接
  • 如果一个操作数是对象，则使用无偏好算法将对象转换为原始值
  • 如果两个操作数都是原始值，则检查类型
  • 有一个是字符串，则将另一个转换为字符串进行拼接
  • 否则转换为数值进行相加
== != 操作符
  • 允许类型转换的宽松方式执行相等和不相等测试
  • 如果一个操作数是对象 另一个是原始值，则使用无偏好算法转换为原始值 再比较
< <= > >= 关系操作符
  • 既可比较数值也可比较字符串
  • 如果有一个操作数是对象 则使用偏数值算法将对象转换为原始值
  • 与对象到数值转换不同 这个偏数值算法返回的原始值不会再被转换为数值
编程算法 java 数据结构

0 人点赞