美文网首页
JS 里的数据类型转换

JS 里的数据类型转换

作者: tolstory | 来源:发表于2018-11-10 14:06 被阅读0次

    总结一下JS中常用的数据类型转换

    1. 转换为字符串

    toString(),可以将数字,对象及布尔值的数据转换为字符串的形式。

    var a=1
    a.toString()   // "1"
    
    var b=true
    b.toString() // 'true'
    

    null和undefined不能用toString转换。强行转换会让系统报错。

    这里要说明的是对象这种数据类型,用toString()转换结果不太一样。

    var a ={x:1,y:2}
    a.toString()   //"[object Object]"
    

    日常使用中转换字符串的方式其实更为简单。
    将需要转换的数据后加 ' ' 即可

    var a ={}
    a + ' '  //  "[object Object] "
    

    这种方式甚至可以将null和undefined转换为字符串

    var a = null
    a + ''  //  null
    

    2. 转换为布尔值

    所有的数据类型都可以转换为布尔值。普通的转换方式使用Boolean()

    var a = {};
    Boolean(a)  // true
    
    Boolean('123') // true
    
    Boolean(123)  // true
    
    Boolean(null) // false
    

    日常转换布尔值的方式是 !!

    !! undefined // false 
    

    特别强调的是只有五个特殊值转换结果为false,其他都是true

    0,NaN,'',undefined,null
    

    这五个值被称为falsy值。

    3.转换为数字

    一般将字符串转化为数字。如果某些类型无法转换为数字,则返回结果为NaN。
    常用的方式有以下几种
    (1) Number()

    Number('1') //  1
    Number('wang') // NaN
    

    (2)parseInt()
    转换为整数,从数据的第一位开始解析,直到喷到非数字数据类型就跳出,返回之前解析到的数字。

    parseInt('1.23')  //  1
    parseInt('23') // 23
    parseInt('12s') // 12
    

    (3)parseFloat()
    转换为小数

    parseFloat('1.232')  //
    

    (4) '1'-0

    '1.321312'-0   / 1.321312
    

    (5) +'1'

    + '3.2123123'  //  3.2123123
    

    4.浅谈内存图

    JS 引擎将内存分为代码区和数据区,我们只研究数据区,数据区分为 Stack(栈内存) 和 Heap(堆内存)。简单类型的数据直接存在 Stack 里复杂类型的数据是把 Heap 地址存在 Stack 里。

    5.深复制和浅复制

    浅复制——拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做“(浅复制)浅拷贝”,换句话说,浅复制仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变。

    深复制——在计算机中开辟了一块新的内存地址用于存放复制的对象。

    var a = 1
    var b = a
    b = 2 //这个时候改变 b
    

    a 完全不受 b 的影响。那么我们就说这是一个深复制。
    对于简单类型的数据来说,赋值就是深拷贝。
    对于复杂类型的数据(对象)来说,才要区分浅拷贝和深拷贝。
    这是一个浅拷贝的例子

    var a = {name: 'frank'}
    var b = a
    b.name = 'b'
    a.name === 'b' // true
    

    我们对 b 操作后,a 也变了

    什么是深拷贝了,就是对 Heap 内存进行完全的拷贝。

    var a = {name: 'frank'}
    var b = deepClone(a) 
    b.name = 'b'
    a.name === 'a' // true
    

    6.垃圾回收GC

    如果一个对象没有被引用,他就是垃圾,将被回收。

    相关文章

      网友评论

          本文标题:JS 里的数据类型转换

          本文链接:https://www.haomeiwen.com/subject/pjszxqtx.html