JS数据类型转换

转化为string

toString

// 1. number
var n = 100
n.toString() // "100"
// 2. boolean
var b = true
b.toString() // "true"
// 3. null
null.toString() // 报错:Cannot read property 'toString' of null
// 4. undefined
undefined.toString() // 报错:Cannot read property 'toString' of undefined
// 5. object
var obj = {name: 'xxx'}
obj.toString() // "[object Object]" 无法得到想要的结果

延伸:console.log 等函数实际上就是使用了 toString,如果发现不是字符串,会自动调用 toString 这个API来转换成字符串

console.log(100) 
// 实际上是
console.log((100).toString())
obj[1]
// 实际上是
obj[(1).toString()]

''相加

更加方便快捷的方法

// 1. number
var n = 100
n + '' // "100"
// 2. boolean
var b = true
b + '' // "true"
// 3. null
null + '' // "null"
// 4. undefined
undefined + '' // "undefined"
// 5. object
var obj = {name: 'xxx'}
obj + '' // "[object Object]"

+ 的左右两边如果发现任意一边有字符串,它就会尝试把另外一边也变成字符串

1 + "1" // "11"

全局函数 String

// 1. number
var n = 100
String(n) // "100"
// 2. boolean
var b = true
String(b) // "true"
// 3. null
String(null) // "null"
// 4. undefined
String(undefiend) // "undefined"
// 5. object
var obj = {name: 'xxx'}
String(obj) // "[object Object]"

转化为boolean

全局函数 Boolean

// 1. numeber
Boolean(0) // false
Boolean(1) // true
Boolean(NaN) // false
// 2. string
Boolean('') // false
Boolean('1') // true
Boolean('0') // true
// 3. null
Boolean(null) // false
// 4. undefined
Boolean(undefined) // false
// 5. object
var obj = {name: 'xxx'}
Boolean(obj) // true
Boolean([]) //
Boolean({}) //

!!

// 1. numeber
!!0 // false
!!1 // true
!!NaN // false
// 2. string
!!'' // false
!!'1' // true
!!'0' // true
// 3. null
!!null // false
// 4. undefined
!!undefined // false
// 5. object
var obj = {name: 'xxx'}
!!obj // true
!![] //
!!{} //

5个falsy值

  • Number: 0 和 null
  • String: 空字符串 ""
  • Null
  • undefined

转化为number

全局函数 Number

// 1. number
Number(1) // 1
Number(NaN) // NaN

// 2. string
Number('1') // 1
Number('NaN') // NaN
Number('') // 0
Number('123abc') // NaN
Number('0.1') // 0.1
Number('1.2e+2') // 123
Number(' 123  ') // 123
Number(' 12 3  ') // NaN

// 3. boolean
Number(true) // 1
Number(false) // 0

// 4. null
Number(null) // 0

// 5. undefined
Number(undefined) // NaN

// 6. object
Number({}) // NaN
Number([]) // 0
Number([1,2]) // NaN
Number([1]) // 1
Number(['1']) // 1
Number([true])// NaN
Number([undefined]) // 0
Number([null]) // 0
Number(['']) // 0

全局函数 parseInt

转换为整数,parseInt 的参数都是字符串,如果不是则会先被转化成字符串

// 1. number
parseInt(1) // 1
parseInt(NaN) // NaN
parseInt(Infinity) // NaN
parseInt(-1.23) // -1
parseInt(0x100) // 256,里面参数都是字符串,等同于 parseInt(String(0x100))

// 2. string
parseInt('1') // 1
parseInt('NaN') // NaN
parseInt('') // NaN
parseInt('123abc') // 123
parseInt('0.1') // 0
parseInt('1.2e+2') // 1 科学计数法视为字符串
parseInt(0.0000000000001) // 1 科学计数法视为字符串
parseInt(10000.5) //
parseInt(' 123  ') // 123
parseInt(' 12 3  ') // 12
parseInt('+1') // 1
parseInt('.1') // NaN
parseInt('0x100') // 256,0x或者0X开头按照16进制解析
parseInt('0100') // 100,0开头仍然按照10进制解析
parseInt('011') // 11,0开头的数字不当做8进制,忽略0
// 字符串只转换为头部可以转换为数字的部分,不然返回NaN

// 3. boolean
parseInt(true) // NaN
parseInt(false) // NaN

// 4. null
parseInt(null) // NaN

// 5. undefined
parseInt(undefined) // NaN

// 6. object
parseInt({}) // NaN
parseInt([]) // NaN
parseInt([1,2]) // 1
parseInt([1]) // 1
parseInt(['1']) // 1
parseInt([true]) // NaN
parseInt([undefined]) // NaN
parseInt([null]) // NaN
parseInt(['']) // NaN

parseInt 默认返回10进制转10进制,即第二个参数默认为10,第二个参数范围为2-36的整数,超出这个范围的整数,则返NaN。如果不是数值或者整数,会被自动转化成一个整数,如果是 0,null,undefined,NaN 和 Infinity,则默认为10。

parseInt('100', 40)// NaN
parseInt('100', 1) // NaN
parseInt('100', 2.8) // 4
parseInt('100', '2.8') // 4
parseInt('100', 0) // 100
parseInt('100', null) // 100
parseInt('100', undefined) // 100
parseInt('100', NaN) // 100
parseInt('100', Infinity) // 100

如果第一个参数包含对指定的进制无意义的字符,则从最高位开始只转换有意义的数值,如果最高位无法转换,则直接返回NaN

parseInt('123456',2) // 1
parseInt('23456',2) // NaN
parseInt('23451',2) // NaN
parseInt(0x100,2) // NaN,等价于 parseInt(256,2)

全局函数 parseFloat

转化为浮点数,参数都是字符串,如果不是则会先被转化成字符串

parseFloat('1.23') // 1.23
parseFloat('123e-2') // 1.23 可正确转换科学计数法
parseFloat('1.23abc') // 1.23
parseFloat('abc1.23') // NaN
parseFloat (' 1.23 ') // 1.23
parseFloat (' 1.23 4.56') // 1.23

-0

快捷的方法

'1.23' - 0 // 1.23
'a123' - 0 // NaN
'123a' - 0 // NaN
' 123 ' - 0 // 123
'Infinity' - 0 // Infinity
true - 0 // 1
false - 0 // 0
null - 0 // 0
undefined - 0 // NaN
[1] - 0 // 1
[1,2] - 0 // NaN

+

快捷的方法

+ '1.23' // 1.23
+ 'a123' // NaN
+ '123a' // NaN
+ ' 123 ' // 123
+ 'Infinity' // Infinity
+ true // 1
+ false // 0
+ null // 0
+ undefined // NaN
+ [1] // 1
+ [1,2] // NaN

你可能感兴趣的:(JS数据类型转换)