02.JS数据类型与数据类型转换

前言：
   学习一门编程语言的基本步骤
 （01）了解背景知识
 （02）搭建开发环境
 （03）语法规范
 （04）常量和变量
 （05）数据类型
 （06）数据类型转换
5.数据类型——datatype
  数据分为原始类型和引用类型，
  原始类型分为数值型(number)，字符串型(string)，布尔型(boolean)，未定义型(undefined)，空(null)
 （1）数值型-number
        分为整型和浮点型
        1）整型-parseInt()

     //整型，在内存中占有4个字节
     //二进制
     var num01=10;
     console.log(num01);//输出为2
     //八进制,以0开头
     var num02=012;
     console.log(num02);//输出为10
     //十进制
     var num03=13;
     console.log(num03);//输出为13
     //十六进制，以0x开头，a~f代表10-15，不区分大小写
     var num04=0x10;
     console.log(num04);//输出为16
     var num05=0xff;
     console.log(num05);//输出为255 ff=15*16+15
     //无论变量是几进制的数字，打印的结果最终都是十进制

         

        2）浮点型—parseFloat()
            分为定点小数和指数型小数

     //浮点型，在内存中占8个字节
     //定点小数
     var f=3.14;//普通小数
     //指数型
     var f1=3.14e3;// e3代表10的三次方  3.14*10的三次方，输出为3140
     var f2=3.14e-1;//e-1代表10的负一次方 3.14*10的负一次方，输出为-0.314
     console.log(f1,f2);
     //检测数据类型，typeof xx=类型是XX
     console.log(typeof f2);//数据类型为number

 （2）字符串型-string
         数据要被引号所包含就是字符串型，不区分单双引号，
         如果查询任意一个字符的Unicode码，每次只能查看一个，不能一次查看多个。注意：编辑器一定要在UTF8的格式查询。

     //字符串型
     '一'.charCodeAt();       //unicode码为19968
     "oksana".charCodeAt();   //unicode码为111
     "o".charCodeAt();        //unicode码为111
     "k".charCodeAt();        //unicode码为107
     '你好'.charCodeAt();      //unicode码为20320
     '你'.charCodeAt();        //unicode码为20320
     '好'.charCodeAt();        //unicode码为22909
     //由此可证明，多个字符只能查询第一个字符的unicode码
     //被单引号或是双引号包裹的就是字符串，这种类型统称为字符串型数据

 （3）布尔型-boolean
         true/false
         在程序中表示真或是假，用于一些比较的结果，还有一些是否的结果，例如是否登录，是否注册，是否...

     //布尔型
     var b2=3>1;
     console.log(b2,typeof b2);//输出结果为true,类型为boolean

 （4）未定义型-undefined
         声明了变量未赋值，结果就是undefined

     //未定义型-undefined
     var a;//声明变量，未赋值
     console.log(typeof(a))//查询数据类型为undefined

 （5）空-null
         只有一个值是null，与引用类型一起使用。

   //空
   var b=null;
   console.log(b,typeof b);

6.数据类型转换——datatype transform
 （1）隐式转换——在运算的过程中自动发生转换
         1）数字+字符串——数字被转换成字符串

      2+'3';        //'23'
      2+'hi';       //"2hi"
      2+'你好';    //"2你好"

         2）数字+布尔型——布尔型转成数字，true——>1,false——>0

      3+true //4
      3+false //3

         3）布尔型+字符串——true转字符串变成拼接

      var a=true+"oksana";
      console.log(a);   //输出trueoksana
      var b=false+"oksana";
      console.log(b);   //输出falseoksana

         4）JS中（+）加号运算的作用
              执行加法运算和字符串间的拼接

       //执行加法运算
       var num1=3,num2=true,num3='oksana',num4=6;
       console.log(num1+ num4);         //9
       console.log(num1+ num4+ num2);   //10
       //执行字符串间的拼接
       console.log(num1+ num2+ num3);    //4oksana
       console.log(num2+ num3+ num1);    //trueoksana3
       console.log(num3+ num1+ num2);    //oksana3true
       //声明变量保存一个人的姓名性别，打印‘我的姓名叫（变量），性别（变量）
       var uname='oksana',sex='女';
       console.log('我的姓名叫'+uname+',性别是'+sex);//我的姓名叫oksana,性别是女

          5）JS中减法（-），乘法（*），除法（/）运算会发生隐式转换
               将运算符两端的数据自动调用Number转化为数值型后运算，如果转换失败，返回NaN（Not a Number），意味不是一个数字，转换失败后和任何值执行加减乘除都会返回NaN。

       //其他运算符转换,减法、乘法、除法中无论两端的数据是什么类型，都会转换成数字类型
       console.log(5-3);  //2
       console.log(5*3);  //15
       console.log(5/3);  //1.6666666666666667
       console.log(5-'3');  //2，'3'转化为数字3
       console.log(5*'3');  //15
       console.log(5/'3');  //1.6666666666666667
       console.log('5'-'3'); //2，'3'，'5'转换为数字3，5
       console.log('5'*'3'); //15
       console.log('5' / '3'); //1.6666666666666667
       console.log('3'-true);//2，true转换为1
       console.log('3'*true);//3
       console.log('3'/true);//3
       console.log('3'-false);//3，false转换为0
       console.log('3'*false);//0
       console.log('3'/false);//Infinity
       console.log('3'-null);//3，null转换为0
       console.log('3'*null);//0
       console.log('3'/null);//Infinity
       console.log('2a'-5);//NaN，2a转换后不是一个数字，转换失败
       console.log('2a'/5);//NaN
       console.log('2a'*5);//NaN ——> Not a Number,不是一个数字，而NaN和任何一个数加减乘除都是NaN

  （2）强制转换
         1）强制转为数字型 —— Number()

      //强制转为数字型
      var num1=Number('2');
      var num2=Number(true);
      var num3=Number('2a');
      var num4=Number(undefined);
      var num5=Number(null);
      console.log(num1,typeof num1);//2
      console.log(num2,typeof num2);//1
      console.log(num3,typeof num3);//NaN
      console.log(num4,typeof num4);//NaN
      console.log(num5,typeof num5);//0

         2）强制转化为整型 —— parseInt()
              常用于将字符串或者是数字转为整型，其他的数据会返回NaN，如果要转换的字符串，开头为非数字，则返回NaN， 未定义、空、布尔型，返回NaN。

      //转为整型
      var n1=parseInt('1');
      var n2=parseInt(1.2);
      var n3=parseInt('2a');
      var n4=parseInt('a2');
      var n5=parseInt(undefined);
      var n6=parseInt(null);
      var n7=parseInt(true);//未定义、空、布尔型，返回NaN
      console.log(n1,typeof n1);//1 "number"
      console.log(n2,typeof n2);//1 "number"
      console.log(n3,typeof n3);//2 "number"
      console.log(n4,typeof n4);//NaN "number"
      console.log(n5,typeof n5);//NaN "number"
      console.log(n6,typeof n6);//NaN "number"
      console.log(n7,typeof n7);//NaN "number"

         3）强制转化为浮点型 —— parseFloat()
              和parseInt的用法基本一致，只是转换为浮点型数据

      //强制转化为浮点型
      var n1=parseFloat('1');
      var n2=parseFloat(1.2);
      var n3=parseFloat('2.5a');
      var n4=parseFloat('a2.5');
      var n5=parseFloat(undefined);
      var n6=parseFloat(null);
      var n7=parseFloat(true);
      console.log(n1,typeof n1);//1 "number"
      console.log(n2,typeof n2);//1.2 "number"
      console.log(n3,typeof n3);//2.5 "number"
      console.log(n4,typeof n4);//NaN "number"
      console.log(n5,typeof n5);//NaN "number"
      console.log(n6,typeof n6);//NaN "number"
      console.log(n7,typeof n7);//NaN "number"

         4）强制将数值型和布尔型转为字符串型 —— toString()

      //将数值，布尔型转为字符串和
      var num=10,boo=true;
      var str=num.toString();
      var str1=boo.toString();
      console.log(num,str,typeof str);//10 "10" "string"
      console.log(boo,str1,typeof str1);//true "true" "string"