JS数据类型转换

2018-12-18  本文已影响0人  青花_490e

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。

上一篇 下一篇

猜你喜欢

热点阅读