JavaScript中的数据类型介绍
一、基本数据类型(原始值类型)
基本类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
基本类型的变量是存放在栈内存(Stack)里,栈内存中保存了变量标识符和指向堆内存中该对象的指针。
注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:
var x; // x 为 undefined var x = 5; // 现在 x 为数字 var x = "John"; // 现在 x 为字符
1、字符串
字符串是存储字符(比如 "Bill Gates")的变量。
字符串可以是引号中的任意文本。您可以使用单引号或双引号:
var carname="Volvo XC60"; var carname='Volvo XC60';
您可以在字符串中使用引号,只要不匹配包围字符串的引号即可:
var answer="It's alright"; var answer="He is called 'Johnny'"; var answer='He is called "Johnny"';
2、数字
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写
极大或极小的数字可以通过科学(指数)计数法来书写:
var y=123e5; // 12300000 var z=123e-5; // 0.00123
3、布尔
布尔(逻辑)只能有两个值:true 或 false。
var x=true; var y=false;
布尔常用在条件测试中。
要把任何值转换为布尔型数据,在值的前面增加两个 !! 感叹号即可,!!0 为 False,其余的均为 True。
4、undefined 和 null
undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。注意 undefined 和 null 都是小写
cars=null; person=null;
Undefined 与 null 的值相等,但类型不相等:
typeof undefined // undefined typeof null // object null == undefined // true null === undefined // false
原始数据值是一种没有额外属性和方法的单一简单数据值。
typeof 运算符可返回以下原始类型之一:
- string
- number
- boolean
- undefined
typeof "Bill" // 返回 "string" typeof 3.14 // 返回 "number" typeof true // 返回 "boolean" typeof false // 返回 "boolean" typeof x // 返回 "undefined" (假如 x 没有值)
二、引用数据类型:
对象(Object)、数组(Array)、函数(Function)。引用类型的值是保存在堆内存(Heap)中的对象(Object),堆内存中保存了对象的内容。
1、数组
下面的代码创建名为 cars 的数组:
var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW";
或者 (condensed array):
var cars=new Array("Saab","Volvo","BMW");
或者 (literal array):
var cars=["Saab","Volvo","BMW"];
创建空的数组
var arr3 = new Array( ); var arr4 = [ ];
数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。
您将在本教程稍后的章节中学到更多关于数组的知识。
2、 对象
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"John", lastname:"Doe", id:5566};
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行:
var person={ firstname : "John", lastname : "Doe", id : 5566 };
也可先创建对象再追加属性和方法
var people = new Object(); people.name = 'Tom'; people.age = 21; people.eat = function(){ }
对象属性有两种寻址方式:
name=person.lastname; name=person["lastname"];
3、函数
var fn = function(){}; console.log(typeof(fn)); //'function'
typeof 运算符可返回以下两种类型之一:
- typeof 运算符把对象、数组或 null 返回 object。
- typeof 运算符不会把函数返回 object。
typeof {name:'Bill', age:62} // 返回 "object" typeof [1,2,3,4] // 返回 "object" (并非 "array",参见下面的注释) typeof null // 返回 "object" typeof function myFunc(){} // 返回 "function"
typeof 运算符把数组返回为 "object",因为在 JavaScript 中数组即对象。如果你要判断该对象是否为数组,可以使用以下两种方法:
1、使用 isArray 方法:IE9+开始支持
var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; // 判断是否支持该方法 if (Array.isArray) { if(Array.isArray(cars)) { document.write("该对象是一个数组。") ; } }
2、使用 instanceof 操作符
var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; if (cars instanceof Array) { document.write("该对象是一个数组。") ; }
栏 目:JavaScript代码
下一篇:canvas绘制刮刮卡效果
本文标题:JavaScript中的数据类型介绍
本文地址:http://www.codeinn.net/misctech/213904.html