JavaScript基本数据类型简单转换

JavaScript几个变量类型简单介绍：

number型（数字型）

string型（字符型）

Boolean型（布尔型，true = 1,false = 0）

undefine （未定义类型）

null （空值）

其它类型本文暂不涉及。

注意：

1、JavaScript中不需要手动定义数据类型，使用var定义通用变量，变量类型会自动根据等号右边数据类型判断。

2、数据类型判断方法

2.1 函数判断（见正文）

2.2 字体颜色判断：在浏览器（Chrome为例）中，console.log控制台打印颜色若为深蓝色，则为number型。若为黑色，则为string型。

3、临时转换只对该转换语句有效，若通过typeof <变量名> 函数数据类型查询，结果不变仍是查询前类型，通过控制台打印颜色可以判断。

1、number型 ---> string型

1.1 <变量名>.toString() 方法

//1,数字型转换为字符串类型，变量名.toString()

        var num = 10;

        console.log(num);      //打印变量

        var numStr = num.toString();   //整型转换字符型

        console.log(str);  //输出转换后的字符串

        console.log(typeof str);   //数据类型判断

1.2 String(<变量名>) 方法

//2,整形转换字符串
        
        var canStr = String(num);   //整型转化为字符串型

        console.log(typeof canStr);  //变量类型函数验证

1.3 “+” 方法

 //3,利用 + 字符创的方法实现转换为字符串效果

        console.log(num + '');    //整型转化为字符串型

        console.log(typeof num);    //数据类型判断

如果单引号有字符内容，则转换字符串型，并且‘+’做连接符用。

2、string型-->number型（int/float）

2.1 字符串类型转换整数型，parseInt()

 var age = prompt(12);

        console.log(age);  //此时变量为字符型

        console.log(typeof age);  //变量类型查询

        // console.log(parseInt(age));  //临时转换

        var ageInt = parseInt(age);  //转换为整型（永久）

        console.log(ageInt);    //打印数值

        console.log(typeof ageInt);   //验证变量类型

 如果涉及到运算，那么对结果取整数位（忽略四舍五入） 

如果涉及到px等单位，则自动截断保留整数

2.2 字符串类型转换浮点类型，parseFloat()

var tmp = '3.678';   //定义一个变量

        console.log(tmp);    

        console.log(typeof tmp);  //变量类型查询
        
        // console.log(parseFloat(age));  //临时转换

        var tmpFloat = parseFloat(tmp);   //变量类型转换

        console.log(typeof tmpFloat);   //变量类型查询


//其它在转换case
        console.log(parseFloat('3.14'));  

        console.log(parseFloat('120px'));    //回显：120

        console.log(parseFloat('rem123px')); //回显：NaN  意为not a number

2.3 Number()函数转换
 

 var str  = '123';        //定义变量


        console.log(str);          //打印变量


        // console.log(Number(str));    //临时转换变量类型


        var strNum = Number(str);     //转换变量类型


        console.log(typeof strNum);   //变量类型查询

2.4 利用算数类型转换，隐式转换

运算结果均为“number”类型。

 console.log('20' - 0);  

        console.log(('123' - '120'));

        console.log(('123' / '4'));