js数据类型的转换

Posted 2022-07-31 ghostdot

js中数据类型转换

显示数据类型的转换

1. typeof：能返回六中操作类型的数据：Number， String， Boolean， Objecet， undefined， function

        var a = 1; 
        //conloe.log(typeof(a)) 值为Number
        var a = [];
        //conloe.log(typeof(a)) 值为Object
        var a = ;
        //conloe.log(typeof(a)) 值为Object
        var a = null;
        //conloe.log(typeof(a)) 值为Object
        var a = true;
        //conloe.log(typeof(a)) 值为Boolean
        var d;
        //conloe.log(typeof(b)) 值为Undefined
        var a = function();
        //conloe.log(typeof(a)) 值为function

1. js中默认存在一定的类型装换, 默认情况下js会对字符串进行一些隐式转换

        console.log("1" + 1) //11
        console.log("1" + "1") //11
        console.log("1" * 1) //1
        console.log("1" -1) //0
        console.log("2" + 1) //21
        console.log("2"- 1) //1

1. Number(‘number‘)//把里面的东西转换为数字

       var demo = '123'
       demo =  Number(demo) //把demo装换为数字
       console.log(typeof(demo)) //number
       var demoB = true
       console.log(Number(demoB)) //1 boolean值转为数字类型以后1为真， 0为假
       console.log(Number("sfjafja")) //NaN 不能转为为数字的值转换为数字后， 值为NaN
       var demoN = null
       console.log(Number(demoN)) //值为0
       var demoun = undefined
       console.log(Number(demoun)) //NaN

• parseInt():
  parseInt(val, radix) 把里面的数字转换为整型, 第一个参数可以使字符串， Boolean， 甚至对象，函数，
  第二个参数为进制数，默认把该数值当成该进制的数，然后以该进制为基地转换为10进制的数
  重新理一下： 就是把传进来的val当成 radix进制， 然后把他转换为10进制,默认不传值的话是10进制

      var i = '123'
      console.log(parseInt(i), typeof(parseInt(i))) //123 number
      var i = "123.9"
      console.log(parseInt(i), typeof(parseInt(i))) //123 number
      var demoi = false
      console.log(parseInt(demoi), typeof(parseInt(demoi))) //NaN number
      var demor = 3
      console.log(parseInt(demor, 2)) // NaN , 默认把3当成2进制的数，由于2进制中不存在3， 所以输出为NaN
      var demorx = 'b'
      console.log(parseInt(demorx, 16)) //11 ,把b当成16进制数，然后把它转换为10进制数
      var demos = '100px'
      console.log(parseInt(demos)) //100 parseInt会从开头的数字开始看，看完不是数字为值
      var demols = "afaf100fafa" 
      console.log(parseInt(demols)) // NaN 

• parseFloat(): parseFloat(‘number‘) //用法和parseInt差不多，但是会把所有的数值都转换为浮点数

      console.log(parseFloat("100"))  //100 整数的时候parseFloat是不会添加.0 de
      console.log(parseFloat("100.1")) //100.1
      console.log(parseFloat('100.0.01')) //100 默认只会取一个小数点
      console.log(parseFloat('100.12raga')) //100.12

• String(‘val‘) //把val转换为string

    var demostr = String(function ()
      console.log('I an String')
      )
    console.log(demostr) //function ()  console.log('I an String')

• toString(‘mix‘) //转换为字符串

      var demot = 1213
      var demots = toString(demot)
      var demounde = toString(undefined) 
      console.log(typeof (demounde)) //string
      console.log(typeof(demots)) //string

• .toString(radix)
  想把谁转换为字符串就后面.tostring undefined 和 null 不能用 toString
  可以把数字转换成该目标进制的字符串， 以十进制为基地转化成目标进制
  注意区别于parseInt(val, radix) 他是把val当成radix进制，然后转换为10进制

      console.log(typeof(demot.toString()))
      var demo = 123
      console.log(demo.toString(8), typeof demo.toString(8)) //173 string

隐式数据类型的转换

隐式数据类型的转换是在一定条件下，触发了javascript内部的转换机制，内部调用的是显示的数据类型转换
隐式数据类型的触发条件主要情况： isNaN(), +/-/*//, ++, --, >,>=,=<,> < ,%, !, &&, ||, ==, !=

1. isNaN(val) // 判断val是不是一个非数，先调用Number函数，然后再执行判断

    console.log(isNaN('123')) //false
    console.log(isNaN('abc')) //true
    console.log(isNaN(null)) //false     Number(null) 是0 所以其值为false
    console.log(isNaN(undefined)) //true

1. +/-, ++/-- */ %
   涉及到这些运算符的时候也会发现数据类型的隐式转换

    var abc = + "abc"
    console.log(typeof (abc), abc) //number NaN
    var abc = "abc" + 1
    console.log(typeof (abc), abc) //string abc1 当加号两侧有一个是字符串的时候就调用String()方法把它转换成String
    console.log(typeof ("1" * 1), 1 * "1") // numeber 1
    console.log(typeof (1 / "1"), 1 / 1) //number 1
    console.log(typeof (2 % "10"), 2 % "10") //numberi 2

1. &gt &lt = &gt= &lt= == !=
   有数字参与比较会转换为数字类型，无数字类型比较会转换为ascall码比较, Boolean类型会转化为数字，数字优先原则

    console.log(1>= "2") //会转换成number型在进行比较
    console.log("1">"2") //会直接比ascall码值
    console.log(3 > true) //true
    console.log(1 == true) //true
    console.log(false == 1) //false

1. 几个特殊的值
   null 和undefined在比较的时候不会发生隐式转换
   == != 会发生隐式转换， === !== 不会发生隐式转换

   console.log(Number(null)) //0
   console.log(null == 0)
   console.log(Number(null) == 0) //true
   console.log(1 == "1") //true 
   console.log(1 ==="1") //false
   console.log(1 === true)  //false
   console.log(1 != "1") //false
   console.log(1 !== "1") //true