js数据类型转换

JavaScript 数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。
首先就要提到typeof操作符

1. typeof的语法

typeof是一个运算符，有2种使用方式:typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。

2. typeof的返回值

typeof运算符的返回类型为字符串，值包括如下几种:

   1. 'undefined'              --未定义的变量或值

   2. 'boolean'                 --布尔类型的变量或值

   3. 'string'                     --字符串类型的变量或值

   4. 'number'                  --数字类型的变量或值

   5. 'object'                    --对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理)

   6. 'function'                 --函数类型的变量或值

3. 简单的示例

console.log(typeof a);    //'undefined'

console.log(typeof(true));  //'boolean'

console.log(typeof '123');  //'string'

console.log(typeof 123);   //'number'

console.log(typeof NaN);   //'number'

console.log(typeof null);  //'object'    

var obj = new String();

console.log(typeof(obj));    //'object'

var  fn = function(){};

console.log(typeof(fn));  //'function'

console.log(typeof(class c{}));  //'function'

1.Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

NaN:非数字类型。特点：① 涉及到的 任何关于NaN的操作，都会返回NaN ② NaN不等于自身。

isNaN() 函数用于检查其参数是否是非数字值。

isNaN(123) //false isNaN(“hello”) //true

    //NaN 非数值  类型number
    // var str="你好";//纯字符 NaN
    // var str="12";//纯数字  数字
    // var str="1a";//部分数字，部分字符 还是NaN
    // var num=Number(str);     //强制转化为数值
    // console.log(num);

    // var b=false;
    // 布尔值
    // var num=Number(b);
    // console.log(num);

    // var a;
    // var a=null;
    // var num=Number(a); //undefined--->NaN   null--->0
    // console.log(num);

2.String类型

字符串有length属性。

字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）。

3.Boolean类型

该类型只有两个值，true和false

4.Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5.Null类型

null类型被看做空对象指针，前文说到null类型也是空的对象引用。

6.Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

类型转换

parseInt()

将字符串转化为整型

//强制转化为整数

    // var str="你好";//纯字符---》NaN
    // var  str="20";
    // var num=parseInt(str);     //如果 第二个没有填   值，则表示10进制数值转换
    // num ：20
    // var str="1010";//纯数字---》整数
    // var num=parseInt(str,2);//将2进制字符串转换为数值
    // num ：10
    // console.log(num);
    // var str="FF";
    // var num=parseInt(str,16);//将16进制字符串转换为数值
    // console.log(num);
    // #FF0000
   /*  var str="FF0000";
    var num=parseInt(str,16);
    console.log(num); */
    // parseInt(字符,进制)  可以将指定进制方式字符串转换为10进制数值，是toString()逆转换

    /*  var str="FF0000";
    var num;
    setInterval(function(){
        if(!num) num=parseInt(str,16);
        num--;
        document.documentElement.style.backgroundColor="#"+num.toString(16);
    },16); */

// var str="16a";//部分数值部分字符  16
    // var str="a16";//部分数值部分字符   NaN
    // var num=parseInt(str);//按照10进制转换  16
    // var num=Number(str);//NaN
    // 通过parseInt转换数值可以从开始转换到字符前为止变成数值，如果第一位是字符，返回NaN
    // console.log(num);

// 布尔值强转数值整型，会变成NaN

    // var str=false;
    // var num=parseInt(str);   //布尔值强制转化为数值
    // console.log(num);
    // undefined null 强转整型都是NaN
    // var str;
    // var str=null;
    // var num=parseInt(str);
    // console.log(num);

parseFloat()

将字符串转化为浮点数

    // parseFloat(); 
    // var a = 3.26526;
    // var num = parseFloat(a);
    // console.log(num);

String()

函数能够将任何类型的值转换为字符串。

   // var num = null;
    // var a = String(num);    //强制转化为字符串 String()
    // console.log(a);			//null  输出a的值
    // console.log(typeof num);  //object  输出num的数据类型
    // console.log(typeof a);  //string  //输出转换后的数据类型

    // var num2 = 220;
    // var a =num2.toString(2);    //转化为二进制 toString()
    // console.log(a);
    // console.log(typeof a);
    // console.log(typeof num2);

     /* document.onclick=function(){  //点击可视窗口
        var c="#";  //定义c为#
        for(var i=0;i<3;i++){
            c+=Math.floor(Math.random()*256).toString(16);
            // Math.random()随机数 点击可视窗口随机改变窗口颜色
        }
        document.documentElement.style.backgroundColor=c;
    } */

    // toFixed
    // var num = 10.35;
    // var a =num.toFixed(3);      //转化为字符串，小数点保留位数
    // console.log(a);

Boolean()

将一个值转换为其对应的Boolean值。

// Boolean(数据) 转换为布尔值

    // var str="aaa";
    // var b=Boolean(str);
    // console.log(b);
    // "" 0 false,undefined,null,NaN  转换为布尔值都会变成false，除此之外转换都是true
    // var a=" ";
    // console.log(Boolean(a));//true

    // var b=3;
    // var c=3;
    // console.log(Boolean(b-c));

    // var d=0.2;
    // var e=0.2;
    // console.log(Boolean(d-e));


    // var str="0a";
    // console.log(Boolean(str));  //将字符串转换为布尔值
    // console.log(Boolean(parseInt(str)));//将字符串转为数值然后在转换为布尔值

    // var a=Number(str)
    // console.log(Boolean(a));


    // var a=6;
    // var b="a";
    // var c=true;
    // console.log(a+b);//这里将a隐式转换为字符串，并且相加首尾相连
    // console.log(a+c);

    // console.log(a-b);//减法会隐式转换将a和b都转换为数值  NaN     6-NaN



    // console.log(1+"2");
    // console.log(1+2+"3");


    // var  str="10";
    // console.log(parseInt(str,10));