【js】数据类型转换

在理解数据类型之前我们要清楚,堆和栈的区别
javascript的内存分为堆和栈

简单的数据类型存放在堆中,在堆中直接开辟一个空间,存放的是一个值

简单数据类型:
Number , string , Boolean, null, undefined

复杂的数据类型:
通过new关键字创建的对象,如object,array,date等

复杂的数据类型存放在栈中,它在栈中存放的是一个十六进制的地址,这个地址指向的是堆中存放的数据

数据类型的转换:

强制转换:
强制转换主要涉及三个方法Number()、String()和Boolean()
可以将各种类型的值分别转换成数字,字符换,以及布尔值

Number()

// 数值:转换后还是原来的值
Number(324) // 324

// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324

// 字符串:如果不可以被解析为数值,返回 NaN
Number('324abc') // NaN

// 空字符串转为0
Number('') // 0

// 布尔值:true 转成 1,false 转成 0
Number(true) // 1
Number(false) // 0

// undefined:转成 NaN
Number(undefined) // NaN

// null:转成0
Number(null) // 0

关于数字类型的转换还有另外一个方法parseInt(),Number函数将字符串转为数值,要比parseInt函数严格很多
举个栗子:

parseInt('42 cats') // 42
Number('42 cats') // NaN

那么问题来了,若函数解析的是一个对象呢?
举栗子:

Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5
Number(['1']) // 1  
Number([]) // 0 

String()

String(123) // "123"
String('abc') // "abc"
String(1e21) // '1e+21' 
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"
String({a: 1}) // "[object Object]"

// 空数组[]转为空字符串
String([]) // ''
String([1, 2, 3]) // "1,2,3"

 // 数组中的null或undefined,会被当做空字符串处理
String([1, undefined, 3]) // '1,,3' 

关于字符串的自动类型转换:

'5' + 1 // '51'
'5' + true // "5true"
'5' + false // "5false"
'5' + {} // "5[object Object]"
'5' + [] // "5"
'5' + undefined // "5undefined"
'5' + null // "5null"

Boolean()

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值