JavaScript的数据类型及区别javascriptqq39155611的博客-

JavaScript的数据类型及区别

一.JavaScript的数据类型分类

js的数据类型分为值类型(基础类型/原始类型)和引用数据类型两大类。其中

• 值类型(基本类型/原始类型):字符串(String) 数字(Number) 布尔(Boolean) 对空(Null) 未定义(Undefined) Symbol(es6新增的，独一无二)
• 引用数据类型(混合数据类型):对象(Object) 数组(Array) 函数(Function)

1.值类型

 // 1.字符串  string     由单引号 或 双引号 包含的内容 var str1="赵凡"; var str2='赵凡Plus';     console.log(str1,str2); // 字符串的拼接    +     console.log(str1+"Pro"+str2); // 2.数字  number    整数型   浮点型 var num1=10;     console.log(num1); var num2=10.00;     console.log(num2); // 科学计数法   e   10的多少次方 var num3=8888e5;     console.log(num3); var num3=8888e-8;     console.log(num3); // 进制    var num4=010;//0开头的代表  八进制     console.log(num4); var num5=0x11a;//0123456789abcdef     0x开头表示十六进制     console.log(num5); // 3.布尔(值) Boolean   逻辑  只包含两个值  true  false var bool1=true; var bool2=false;     console.log(bool1);     console.log(bool2); if(bool2){         console.log("真") }else{         console.log("假") } // 4.对空  null    清空变量 var a="沈春阳"; var b=null;     a=null;     console.log(a);//null     console.log(b); var x=null; // 5.未定义  undefined    声明 未赋值 var n;     console.log(n);//undefined 

2.引用数据类型

 // 1.对象  object   {key:value,key:value...}   键值对 var obj1={         name:"诸葛成",         sex:"不详",         age:22,         hobby:function(){             console.log("干啥啥不行") } }     console.log(obj1);     console.log("姓名："+obj1.name);     console.log("性别："+obj1.sex);     obj1.hobby(); // 2.数组   array   [数组项1,数组项2,...]  数组项可以使任意数据类型 var arr1=[0,1,2,3,4,5];     console.log(arr1); var arr2=[0,"hello",true];     console.log(arr2); // 数组的索引值   从0开始     console.log(arr2[0]);     console.log(arr2[1]); // 3.函数  function    方法   功能 var func1=function(){ // 执行代码块         console.log("这是一个方法") } // 调用方法/函数 func1(); 

3.值类型数据与引用数据类型的区别

 // 值类型：string number boolean null undefined  symbol var m = 10; var n = m;     console.log(m);     console.log(n);     m = 20;     console.log(n); //20     console.log(m); //10 // 引用类型：object array function var obj1 = {         name: "王选东" }     console.log(obj1); //{name:"王选东"} var obj2 = obj1;     console.log(obj2); //{name:"王选东"}      obj2.name = "王大炮";     console.log(obj2); //{name:"王大炮"}     console.log(obj1); //{name:"王大炮"} 

根据以上代码可以看出，变量的数据类型为值类型时，两个变量其中一个改变不会影响两外一个值，而变量的数据数据类型为引用数据类型时，两个变量其中一个变量改变会影响另一个变量的值。

4.数据类型的判断

 // 判断数据类型   typeof   返回数据类型 var num=0;     console.log(typeof(num));//number var str="";     console.log(typeof str);//string var bool=false;     console.log(typeof bool);//boolean var x=null;     console.log(typeof x);//object   null   空对象 var y;     console.log(typeof y);//undefined var obj={name:"张三"};     console.log(typeof obj);//object var arr=[1,2,3,4,5];     console.log(typeof arr);//object var func=function(){};     console.log(typeof func);//function //使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。 //与 typeof 方法不同的是，instanceof方法要求开发者明确地确认对象为某特定类型。通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。 // instanceof   操作符     console.log(arr instanceof Array);     console.log(obj instanceof Array); // Array.isArray()    是否是一个数组     console.log(Array.isArray(arr));     console.log(Array.isArray(obj)); 

5.数据类型的转换

 // 数据类型的转换     console.log(typeof String(num));//string     console.log(Number(bool));//0     console.log(Boolean(str));//false