JS数据类型转换

124 阅读2分钟

1、转数值类型

  1)Number(数据/变量)
    ①字符串类型(String)转数字类型(Number)
      如果字符串内为纯数字,那么就直接转为对应数字

image.png

image.png
      如果字符串内为空字符串,那么就直接转为数字0

image.png

image.png
      如果字符串内为空白字符串,那么就直接转为数字0

image.png

image.png
      如果字符串内为非空非空白字符串,那么就直接转为NaN

image.png

image.png
    ②Boolean类型转数字类型(Number)
      如果Boolean为true,那么就直接转为数字1

image.png

image.png
      如果Boolean为false,那么就直接转为数字0

image.png

image.png
    ③undefined类型转数字类型(Number)
      如果是undefined类型,那么就直接转为NaN

image.png

image.png
    ④null类型转数字类型(Number)
      如果是null类型,那么就直接转为数字0

image.png

image.png
  2)parseInt(数据/变量)
      如果是浮点数,那么就直接转为整数小数点后省略

image.png

image.png
      如果是String类型且为数字开头,那么数字后边的字符串全部省略且转为整数

image.png

image.png
      如果是String类型不是为数字开头,那么输出结果为NaN

image.png

image.png
      其余类型,输出结果都为NaN

  3)parseFloat(数据/变量)
      其他结果同上,但保留小数
  4)运用算数运算符转换数字类型
      例如:(数据/变量 - 0)

image.png

image.png

2、转字符串类型(String)

  1)数据/变量.toString()
    除了undefined 和 null 不能转换,其他都可以

image.png

image.png
  2)String(数据/变量)
    所有类型都可以

image.png

image.png
  3) 变量 + ''
    运用运算符的特性

image.png

image.png

3、转布尔类型(Boolean)

  1) Boolean(变量/数据)
    ①数值类型(非0及真)

image.png

image.png

    ②字符串类型(非空及真)

image.png

image.png

    ③undefined 和 unll (都是转为false)

image.png

image.png
  2) !!数据/变量(简易方法)
    !意思为取反后的布尔值

image.png

image.png