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