Js中的隐式类型转换

其他类型的值转为string规则如下

  1. null转为"null"
  2. undefined 转为 "undefined"
  3. true 和 false 转为 "true"和"false"
  4. 数字类型10 转为 "10"
  5. 数组:转为字符串将所有元素用逗号连接起来[1,2,3]转为1,2,3,空数组转为空字符串
  6. 普通对象转为"[object object]"

基本类型转为string都是直接再原来的基础上加上一个引号

scss 复制代码
'[object object]'=={} // true
'1,2,3' == [1,2,3]
String(null) // 'null'
String(undefined) // 'undefined'
String(true) // 'true'
String(10) // '10'
String(1e21) // '1e+21'
String([1,2,3]) // '1,2,3'
String([]) // ''
String([null]) // ''
String([1, undefined, 3]) // '1,,3'
String({}) // '[object Objecr]'

其他类型的值转为number的规则

  1. null 转为 0
  2. undefined 转为 NaN
  3. 字符串如果是纯数字就转为对应的数字,否则就会转换失败,只能转为NaN
  4. true转为1,false转为0 这个和Java语言中的转换规则是一致的
  5. 数组:首先会转为原始类型,也就是ToPrimitive,然后根据转换之后的原始类型按照上面的规则处理
  6. 对象:处理方式和数组相同
scss 复制代码
Number(null) // 0
Number(undefined) // NaN
Number('10') // 10
Number('10a') // NaN
Number('') // 0 
Number(true) // 1
Number(false) // 0
Number([]) // 0
Number(['1']) // 1
Number({}) // NaN

其他类型的值转为boolean

  1. false、null、undefined、空字符串、0和NaN转为false
  2. 其他所有的都转为true
ini 复制代码
console.log(null==false) // false
console.log(undefined==false) // false
console.log(""==false) //true
console.log(0==false) // true

隐式类型转换的一些规则

  1. 只要boolean类型参与比较那么布尔类型都会先转为number
  2. 数字类型和字符串比较,字符串会被转为数字类型
ini 复制代码
0 == '' // true 空字符串先转为数字,空字符串转为数字0
1 == '1' // true 字符串'1'直接转为数字1
1e21 == '1e21' // true 同上
Infinity == 'Infinity' // true 同上
true == '1' // true true是boolean类型参与运算自己先转为数字为1,然后就是数字和字符串的比较,'1'转为数字也会得到1
false == '0' // true 同上
false == '' // true false先转为数字为0,然后变为字符串和数字的比较,空字符串转为数字就是0

NaN和任何值都不相等,包括它自己。这是一个js中的异类单独记一下吧
console.log(undefined == null) //true

null 和 undefined 与自身都是相等的,但是和其他类型(除了undefined和null)都不相等
console.log(null == null)// true
console.log(undefined == undefined)//true
console.log(null==0)//false
console.log(undefined==0)//false

相关推荐
elangyipi1231 小时前
使用CSS Contain 优化你的页面(重排和重绘)
前端·css
小小前端要继续努力1 小时前
Islands Architecture(岛屿架构)
前端·edge
Liu.7741 小时前
vue使用lodop控件打印
前端·javascript·vue.js
OpenTiny社区2 小时前
TinySearchBox 综合搜索组件重磅更新:实现 Vue 2 和 Vue 3 双版本适配!
前端·javascript·vue.js
GDAL2 小时前
HTML 实现登录状态记录 深入全面讲解教程
前端·html·登录验证
(づど)2 小时前
一套齐全的环境设置:nvm\node\nrm\pnpm
前端·笔记
晷龙烬2 小时前
Vue 3 自定义指令:从“瑞士军刀”到“专属工具” !
前端·javascript·vue.js
MediaTea2 小时前
思考与练习(第四章 程序组成与输入输出)
java·linux·服务器·前端·javascript
BD_Marathon2 小时前
【JavaWeb】NPM_简介和相关配置
前端·npm·node.js
咸鱼加辣2 小时前
【前端框架】react
前端·react.js·前端框架