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'));