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

JS数据类型转换

作者: 青花_490e | 来源:发表于2018-12-18 17:36 被阅读0次

    JavaScript是一种动态类型语言,变量没有类型限制,可以随时赋予任意值,而在参与运算的时候,内部会进行一系列的转换,所以,我们需要搞清楚这些类型之间的转换规则,避免出现未预知的bug。
    一、Number函数,转换为数值
    Number函数可以将任意类型的值转换成数值,Number函数接受的参数可以分两种情况来看待:原始类型,对象。
    原始类型的值
    原始类型的值主要是字符串、布尔值、undefined和null,它们都能被Number转化成数值或NaN。

            // 数值:转换后还是原来的值
              Number(111) // 111
            // 字符串:如果可以被解析为数值,则转换为对应的数值
              Number('223') //223
            // 字符串:如果不可以被解析为数值,返回NaN
              Number('233dfsa')// NaN
            // 空字符串转换为0
              Number('')// 0
            // 布尔值true转换为1,false转换为0
              Number(true)// 1
              Number(false) // 0
              Number(undefined) // NaN
              Number(null) // 0 
    

    Number函数相对于parseInt函数严格点,只要有一个字符无法转化为数值,整个字符串就返回NaN。

               Number('324 34243')// NaN
               parseInt('324 34243')// 324
    

    parseInt逐个解析字符,而Number函数整体转换字符串类型,他们都会过滤字符串的前导和后缀字符。
    当Number函数的参数是对象时,将返回NaN,除非是包含单个数值的数组。

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

    二、String函数,转换为字符串
    也可以分为原始类型和对象来分析
    原始类型值
    转换后都为字符串

               String(123) // "123"
               String('abc') // "abc"
               String(true) // "true"
               String(undefined) // "undefined"
               String(null) // "null"
    

    对象类型
    String方法的参数如果是对象,返回一个类型字符串

           var a = {a: 1};
           a.toString(); // "[object Object]"
    

    如果是数组,返回该数组的字符串形式。

           a = [[3, 3], [2, 3]];
           a.toString(); // "3,3,2,3"
    

    String 函数的规则:

    先调用自身的toString方法,如果返回原始类型的值,则对该值使用String函数
    如果toString方法返回的是对象,再调用原对象的valueOf方法,如果valueOf方法返回原始类型的值,则对该值使用String函数。
    如果valueOf方法返回的是对象,就报错。

    Boolean函数,转换为布尔值
    除了一下六个值为false,其他的都为true

           undefined
           null
           0、-0或+0
           NaN
           ‘’(空字符串)
           flase
    

    注意: 所有对象(包括空对象)的转化结果都是true,甚至连false对应的布尔对象new Boolean(false)也是true。

    相关文章

      网友评论

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

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