【基础类】—类型转换

一、数据类型

  1. 原始类型

    Boolean、Null、Undefined、Number、String、Symbol

  2. 对象

    Object

二、显示类型转换

  1. Number函数, Number(param)
    1-1. param 是 原始类型 时
    数值:转换后还是原来的值
    字符串:如果可以被解析为数值,则转换为相应的数值,否则得到NaN。空字符串转为0
    布尔值:true转成1, false 转成 0
    undefined: 转成NAN
    null: 转成 0

1-2 param 是 Object时

① 先调用对象自身的ValueOf方法,如果返回值是原始类型,则直接对该值进行Number方法

②先调用对象自身的ValueOf方法,如果返回值是复合类型,再调用对象的toString方法, 如果toString方法的返回值是原始类型的值,则对该值使用Number方法

③ 先调用对象自身的ValueOf方法,如果返回值是复合类型,再调用对象的toString方法, 如果toString方法的返回值是复合类型的值,则报错

javascript 复制代码
if (Obj.ValueOf() === 原始类型) {
    let date = new Date() 
	date.valueOf() // 1691147634782
	Number(date) === Number(date.valueOf()) === 1691147634782
	retun Number(Obj.ValueOf())
} else if (Obj.ValueOf() === 复合类型 && Obj.ValueOf().toString() === 原始类型) {
	Number(['1']) === Number(['1'].valueOf().toString()) === 1
	let obj = {name: '张三'}
	Number(obj) === Number(obj.valueOf().toString())  === NaN
	return Number(Obj.ValueOf().toString())
} else if(Obj.ValueOf() === 复合类型 && Obj.ValueOf().toString() === 复合类型 ) {
	return 报错
}
  1. String函数,String(param)
    2-1. param 是 原始类型 时
    数值:转换为相应的字符串
    字符串:返回原来的值
    布尔值:true转成"true", false 转成 "false"
    undefined: 转成 "undefined"
    null: 转成 "null"

2-2 param 是 Object时

① 先调用toString方法,如果toString方法返回的是原始类型的值,则对该值使用String方法

②先调用toString方法,如果返回值是复合类型,再调用对象的ValueOf方法, 如果ValueOf方法的返回值是原始类型的值,则对该值使用String方法

③ 先调用对象自身的toString方法,如果返回值是复合类型,再调用对象的ValueOf方法, 如果ValueOf方法的返回值是复合类型的值,则报错

javascript 复制代码
在这里插入代码片
  1. Boolean函数 Boolean(param)
    当param = undefined、null、-0、+0、NaN、'' 时, 都返回false, 其他值一律返回true

三、隐式类型转换

  1. 四则运算 (加减乘除)
  2. 判断语句 (if、else、三元运算符)
  3. Native调用 (console.log, alert 自动转换为字符串类型,隐式转换背后调用String函数)
  4. 常见题目

    \] + \[

javascript 复制代码
首先把第一个[] 转换为原始类型
=  [].ValueOf().toString()  + []
= '' + []
因为 '' 为字符串类型, [] 需要转换为字符串类型
= '' + [].ValueOf().toString()
= '' + ''
= ''

\[\] + {}

javascript 复制代码
首先把第一个[] 转换为原始类型
=  [].ValueOf().toString()  + {}
因为 '' 为字符串类型, {} 需要转换为字符串类型
= '' + {}.ValueOf().toString()
= '' + '[object Object]'
= '[object Object]'

{} + \[\]

{} + {}

true + true

1 + {a:1}

相关推荐
徐小夕14 分钟前
花了一周,3亿tokens,我开源了一款 Word 文档智能审查平台,文稿自动质检+可视化分析,告别低效人工审核
前端·算法·github
Ai拆代码的曹操32 分钟前
Spring 事务 REQUIRES_NEW 嵌套调用:连接池翻倍的秘密
java·后端·spring
a11177638 分钟前
坦克大战3D Three.js 3D (开源项目)
开发语言·javascript·3d
动恰客流统计1 小时前
ReID边缘计算视觉统计:餐饮店客流增长的数字化破局路径
java·大数据·运维·人工智能
kyriewen2 小时前
别再乱用useEffect了——你写的10个里有8个不该存在
前端·javascript·react.js
Ivanqhz2 小时前
Rust &‘static str浅析
java·前端·javascript·rust
IT_陈寒2 小时前
SpringBoot这个分页坑,我踩了三天才爬出来
前端·人工智能·后端
颜酱2 小时前
05 | 召回前置准备:根据业务数据库生成各数据库(读取配置阶段)
前端·人工智能·后端
zandy10113 小时前
衡石 Agentic BI的ReAct 推理框架在 Agentic BI 中的工程化实践
前端·javascript·react.js
罗超驿3 小时前
JavaEE进阶之路:从Web架构原理到HTML标签全解析
前端·html·web·javaee