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

JS 里的数据类型转换

作者: Save_Onfir3 | 来源:发表于2018-08-18 20:29 被阅读0次

    数据转换成string:

    number转换成string:

    var n = 1
    n.toString()
    

    Boolean转string:

    var b = true
    b.toString()
    

    null和undefined是不能转string的。
    object是可以转string的,但是结果不是我们想要的。

    var object = {name:'wen'}
    object.toString()
    \\输出为"[object Object]"
    

    console.log就是运用了toString。
    当他发现你不是字符串,就会去调你的字符串。

    console.log(1)
    等同于
    console.log((1).toString())
    \\打印出"1"
    

    很多地方都会在它需要字符串的时候,去自动使用toString这个API。

    例如:
    obj[1] = 2
    obj[true] = 3
    \\1和true都会自动使用toString转化成字符串。
    

    转string的简单写法:

    1 + '' \\数字+空字符串就得到了字符串"1"
    true + '' \\布尔值+空字符串就得到了字符串"true"
    var obj = {}
    obj + '' \\对象+空字符串就得到了字符串"[object Object]"
    

    用这个方法甚至可以将null和undefined转为字符串。
    加号的厉害之处在于如果发现左右任意一边有字符串,他就会尝试吧另外一边也变为字符串。
    由于加号它只能加相同类型的东西,所以它会尝试去改变不是字符串一方的类型,优先将不是字符串的类型改变成字符串。
    所以:
    1+'1'
    等价于
    (1).toString() + '1'
    输出结果为"1"

    除以上两种方法外,还有一种全局方法:

    window.String(1) window.String({}) window.String(true) window.String(null)
    \\   "1"         "[object Object]"        "true"            "null"
    \\string负责将不是string的东西变成string。
    

    转换成布尔的全局方法:

    Boolean(1) \\true
    Boolean(2) \\true
    Boolean(0) \\false  ps: 0表示没有
    Boolean('') \\false   ps: 空字符串表示没有
    Boolean('   ') \\true ps: 空格字符串表示有
    \\null和undefined都是false;只要是对象都是true。
    

    转Boolean的简单方法:

    !!1 \\true
    !!0 \\false
    !!{} \\true
    !!null \\false
    !!undefined \\false
    \\任何东西取反两次就会得到一个布尔。
    \\所有类型都可以变成true或者是false。
    

    JS里其它的值变成Boolean的时候。只有五个特殊值。
    number里只有0和NaN是false,其它的都是true;
    string里只有空为false,其它为true;
    null和undefined都是false;
    object全为true。
    综上所述
    0 , NaN , '' , null , undefined . 统称为五个falsy值。

    falsy是一个形容词,表示它们是假的,但它们不是假的,并不是false。falsy是在Boolean上下文中认定可转换为false的值。

    转为number:

    第一种方法:

    '1' → 1
    number('1') === 1
    parseInt('1',10) === 1
    parseFloat('1.23') === 1.23
    

    简单方法:

    '1' - 0 === 1
    '123' - 0 === 123
    '1.23' - 0 === 1.23 
    \\常用方法
    

    更简单的方法:

    + '1' === 1
    + '123' === 123
    + '1.23' === 1.23 
    

    注意:parseInt是从头开始,能解析多少就是多少。不能解析的就会返回。

    例:
    parseInt('s') \\NaN
    parseInt('1s') \\1
    parseInt('12s') \\12
    

    内存图:

    JS 引擎将内存分为代码区和数据区,我们只研究数据区,数据区分为 Stack(栈内存) 和 Heap(堆内存)
    简单的值存入stack,复杂的值存入heap,再将heap的地址放入stack。
    number,string,null,undefined,sy,Boolean都存在stack。
    Heap中唯一存入object。

    引用:
    object存入Heap中,地址为xx,就可以说是object是对象的引用。
    所有的变量跟对象之间的关系都是引用关系。

    相关文章

      网友评论

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

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