码迷,mamicode.com
首页 > Web开发 > 详细

js数据类型的转换

时间:2019-08-18 15:49:11      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:radix   特殊   function   小数点   小数   define   目标   class   比较   

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

js数据类型的转换

标签:radix   特殊   function   小数点   小数   define   目标   class   比较   

原文地址:https://www.cnblogs.com/ghostdot/p/11372466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!