JS中的类型转换 - 小宇的博客

==> String#

方法1 `toString()`方法#

null 和 undefined 没有toString() API object 的 toString() 不能得到想要的结果 console.log() 默认调用toString()方法

1
    123.toString() // '123'
2
    true.toString() // 'true'
3
    null.toString()  // Cannot read property 'toString' of null
4
    undefined.toString()  //Cannot read property 'toString' of undefined
5
    var a = {a:1}
6
    a.toString()  // "[object Object]"
7
    ({a:1}).toString() // "[object Object]"

方法2 `+ ''` 加空字符串#

1
    1 + '1' // '11'  ==> '+' 会自动进行类型转换,优先变为字符串
2
    123 + '' // '123'
3
    true + ''  // 'true'
4
    null + '' // 'null'
5
    undefined + '' // 'undefined'
6
    ({a:1}) + '' // "[object Object]"
7
    '' + {a:1}  // "[object Object]"

方法3 全局函数`String()`#

1
    String(1)  // '1'
2
    String(true) // 'true'
3
    String(null)  // 'null'
4
    String(undefined) // undefined
5
    String({a:1})  // "[object Object]"

==> Boolean#

方法1 全局方法`Boolean()`#

1
    Boolean(1) // true
2
    Boolean(0) // false
3
    Boolean(NaN) // false
4
    Boolean('') // false
5
    Boolean(' ') // true
6
    Boolean('123') // true
7
    Boolean(null)  // false
8
    Boolean(undefined) //false
9
    Boolean({})  // true
10
    Boolean({a:1}) //true

方法2 双重取反 ==> `!!`#

1
    !! 1  // true
2
    !! NaN // false
3
    !! 0 // false
4
    !! '' // false
5
    !! ' ' // true
6
    !! '123' // true
7
    !! null // false
8
    !! undefined //false
9
    !! {}  // true
10
    !! {a:1} // true

五个falsy值#

0 NaN null undefined ”

==> Number#

方法1 `Number()`#

1
    Number('1') // 1
2
    Number('1.123') // 1.123
3
    Number('1.abc') // NaN
4
    Number('')    // 0
5
    Number(true)  // 1
6
    Number(false) // 0
7
    Number(null) // 0
8
    Number(undefined) // NaN
9
    Number({a:1})  // NaN

方法2 `parseInt()`#

parseInt() 主要是将字符串转为整数它会从第一个字符开始，直到不是数字结束

1
    parseInt('1') //1
2
    parseInt('1.23') // 1
3
    parseInt('  123') // 123
4
    parseInt('1234abc')  // 1234
5
    parseInt('abc') // NaN
6
    parseInt('a567bc') // NaN
7
    parseInt(true) // NaN
8
    parseInt(null) // NaN
9
    parseInt(undefined) // NaN
10
    parseInt({a:1}) // NaN
11
    parseInt([1,2,3]) // 1

方法3 `parseFloat()`#

parseFloat() 主要是将字符串转为浮点数

1
    parseFloat('3.14') // 3.14
2
    parseFloat('314e-2') // 3.14
3
    parseFloat('0.0314E+2') // 3.14
4
    // 其他与parseInt()结果相同

方法4 `- 0`#

1
    '1' - 0 // 1
2
    '1.23' - 0  // 1.23
3
    '1.abc' -0 // NaN
4
    '' - 0  // 0
5
    true -0 // 1
6
    false - 0  // 0
7
    null - 0 // 0
8
    undefined - 0 // NaN
9
    ({a:1}) - 0

方法5 取正#

1
    + '1' // 1
2
    + '1.23' // 1.23
3
    + '1.abc' // NaN
4
    + '' // 0
5
    + true // 1
6
    + false // 0
7
    + null // 0
8
    + undefined // NaN
9
    + {a:1} // NaN

JS中普通类型与对象的区别#

普通类型 Number Bool String Symbol Null Undefined#

数据直接存在栈内存中

1
    var a = 1
2
    var b = a
3
    a = 2
4
    b // 1

将a中的数据直接赋值给b，所以改变a，不会影响b ==> 深复制所以普通类型之间的复制都是深复制

引用类型 Object#

栈内存中保存的是对象在堆内存中的引用地址通过这个引用地址可以快速查找到保存中堆内存中的对象

1
    var a = {name:1}
2
    var b = a
3
    a.name = 2
4
    b // {name:2}

将a赋值给b的时候，实际上是b也指向了与a地址相同的对象，改变a会影响b == > 浅复制

1
    var a = {name:1}
2
    var b = a
3
    a = {name:2}
4
    b // {name:1}

a = {name:2} 时，a指向了另一个对象的地址,而b还指向原来地址的对象,所以给a重新赋值不会影响b

==> String#

方法1 toString()方法#

方法2 + '' 加空字符串#

方法3 全局函数String()#

==> Boolean#

方法1 全局方法Boolean()#

方法2 双重取反 ==> !!#

五个falsy值#

==> Number#

方法1 Number()#

方法2 parseInt()#

方法3 parseFloat()#

方法4 - 0#

方法5 取正#

JS中普通类型与对象的区别#

普通类型 Number Bool String Symbol Null Undefined#

引用类型 Object#

方法1 `toString()`方法#

方法2 `+ ''` 加空字符串#

方法3 全局函数`String()`#

方法1 全局方法`Boolean()`#

方法2 双重取反 ==> `!!`#

方法1 `Number()`#

方法2 `parseInt()`#

方法3 `parseFloat()`#

方法4 `- 0`#