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

相关推荐
天蓝色的鱼鱼1 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷2 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花2 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷2 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜2 小时前
Spring Boot 核心知识点总结
前端
lichenyang4532 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕3 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
朦胧之3 小时前
页面白屏卡住排查方法
前端·javascript
用户593608741403 小时前
Playwright 黑魔法:用 ClipboardEvent 绕过 React 富文本编辑器
前端
石山岭3 小时前
自己动手写了一个 Android 虚拟定位 App:GPSSimulate 技术实
android·前端