javascript数据类型又分为(JavaScript数据类型)(1)

因为JavaScript是弱类型的语言,所以类型转换发生非常频繁。

javascript数据类型又分为(JavaScript数据类型)(2)

类型转换分为两种,隐式转换即程序自动进行的类型转换,强制转换即我们手动进行的类型转换。

强制转换这里就不再多提及了,下面我们来看看让人头疼的可能发生隐式类型转换的几个场景,以及如何转换:

  • null

  • undefined

  • ''

  • NaN

  • 0

  • false

  • javascript数据类型又分为(JavaScript数据类型)(3)

    各种数学算符

    我们在对各种非Number类型运用数学运算符(- * /)时,会先将非Number类型转换为Number类型;

    1. 1 - true// 0

    2. 1 - null// 1

    3. 1 * undefined// NaN

    4. 2 * ['5'] // 10

    注意 是个例外,执行 操作符时:

    1. 当一侧为String类型,被识别为字符串拼接,并会优先将另一侧转换为字符串类型。

    2. 当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型。

    3. 当一侧为Number类型,另一侧为引用类型,将引用类型和Number类型转换成字符串后拼接。

    1. 123 '123'// 123123 (规则1)

    2. 123 null// 123 (规则2)

    3. 123 true// 124 (规则2)

    4. 123 {} // 123[object Object] (规则3)

    ==

    使用==时,若两侧类型相同,则比较结果和===相同,否则会发生隐式转换,使用==时发生的转换可以分为几种不同的情况(只考虑两侧类型不同):

    NaN

    NaN和其他任何类型比较永远返回false(包括和他自己)。

    1. NaN == NaN// false

    Boolean

    Boolean和其他任何类型比较,Boolean首先被转换为Number类型。

    1. true == 1// true

    2. true == '2'// false

    3. true == ['1'] // true

    4. true == ['2'] // false

    这里注意一个可能会弄混的点:undefined、null和Boolean比较,虽然undefined、null和false都很容易被想象成假值,但是他们比较结果是false,原因是false首先被转换成0:

    1. undefined == false// false

    2. null == false// false

    String和Number

    StringNumber比较,先将String转换为Number类型。

    1. 123 == '123'// true

    2. '' == 0// true

    Null和Undefind

    null == undefined比较结果是true,除此之外,nullundefined和其他任何结果的比较值都为false

    1. null == undefined// true

    2. null == ''// false

    3. null == 0// false

    4. null == false// false

    5. undefined == ''// false

    6. undefined == 0// false

    7. undefined == false// false

    原始类型和引用类型

    当原始类型和引用类型做比较时,对象类型会依照ToPrimitive规则转换为原始类型:

    '[object Object]' == {} // true

    1. '1,2,3' == [1, 2, 3] // true

    !的优先级高于==![ ]首先会被转换为false,然后根据上面第二点,false转换成Number类型0,左侧[]转换为0,两侧比较相等。

    1. [] == ![] // true

    根据数组的ToPrimitive规则,数组元素为nullundefined时,该元素被当做空字符串处理,所以[null]、[undefined]都会被转换为0

    1. [null] == false// true

    2. [undefined] == false// true

    所以,说了这么多,推荐使用===来判断两个值是否相等...

    隐式转换规则

    javascript数据类型又分为(JavaScript数据类型)(4)

    javascript数据类型又分为(JavaScript数据类型)(5)

    ,