JavaScript数据类型

  • A+
所属分类:Web前端
摘要

JavaScript区别于其他编程语言(如Java、C等),在定义变量时无需指定特定的数据类型(如数值、字符串等),使用var就能定义所有数据类型的变量,因为在程序运行期间,会自动判断变量的具体数据类型。


1. 前言

JavaScript区别于其他编程语言(如JavaC等),在定义变量时无需指定特定的数据类型(如数值、字符串等),使用var就能定义所有数据类型的变量,因为在程序运行期间,会自动判断变量的具体数据类型。

那么JavaScript在内部定义了哪些数据类型呢?

主要可分为基本类型和引用类型两大类。

  • 基本类型:字符串(String)、数值(Number)、布尔值(Boolean)、未定义(Undefined)、对空(Null)。
  • 值类型:对象(Object)、数组(Array)和函数(Function)。

2. 基本类型

2.1 字符串

字符串的定义:

var sText = "Hello World!"; 

通过下标获取字符串中的单个字符,下标从0开始。

// 获取 sText 的第一个字符 console.log(sText[0]); // 'H' // 获取 sText 的最后一个字符 console.log(sText[sText.length-1]); // '!'   , sText.length 是字符串 sText 的长度 

使用slicesubstrsubstring都能截取字符串片段。

// 从下标3开始,到下标5结束,但不包含下标5。 sText.slice(3, 5); // 'lo' // 从下标3开始,截取2个字符。 sText.substr(3, 2); // 'lo' // 从下标3开始,到下标5结束,但不包含下标5。 sText.substring(3, 5); // 'lo'  // slice 下标支持负值 sText.slice(3, -2); // 'lo Worl' // substring 动态根据两个参数的较小值开始截取,到较大值结束(不含较大值) // 如果较小值小于0,会自动置为0。 sText.substring(3, 0) == sText.substring(0, 3)  // 'Hel' sText.substring(3, -2) == sText.substring(0, 3) // 'Hel' 

使用concat连接字符串。

"Hello ".concat("JavaScript!") // 'Hello JavaScript!' 

2.2 数值

JavaScript使用64位浮点数存储所有数字,包括整数和浮点数。

数值变量定义:

// 整数 var iNum = 1;  // 浮点数 var fNum = 1.0;  // 科学计数法 var eNum = 1.2e3; // 1.2 * 10^3 == 1200 

浮点数溢出:

var a = 0.1,b = 0.2;  console.log(a + b);   // 0.30000000000000004  // 解决方法:转为整数再计算 var s = (a * 10 + b * 10) / 10; console.log(s); // 0.3 

特殊数值:

// 正无穷大 Number.POSITIVE_INFINITY == Infinity;  // true  // 负无穷大 Number.NEGATIVE_INFINITY == -Infinity; // true  // 最大值 Number.MAX_VALUE; // 1.7976931348623157e+308  // 最小值 Number.MIN_VALUE; // 5e-324  // 非数字 NaN typeof(NaN) == 'number'; // true isNaN(parseInt('abc')); // true 非数字转数字会返回 NaN NaN == NaN; // false , 判断是否为非数字使用 isNaN ,不要直接使用 == 判断 

进制转换:

// 数字转字符串 toString var num = 23; console.log(num.toString()); // 23 , toString不带参数默认转为十进制 console.log(num.toString(2)); // 10111 , 转为二进制 console.log(num.toString(16)); // 17 , 转为十六进制  // 字符串转数字 parseInt parseFloat parseInt('10111', 2); // 23 ,指定从二进制转为十进制 parseInt('17', 16); // 23 ,指定从十六进制转为十进制 

常用函数:

// 保留小数位数 Math.PI.toFixed(2); // 3.14  // 取绝对值 Math.abs(-12);  // 12  // 四舍五入 Math.round(4.5); // 5  // 向上取整 Math.ceil(2.3); // 3  // 向下取整 Math.floor(2.3); // 2  // 随机数 Math.random(); // 0~1之间的随机数 

2.3 布尔值

布尔类型只有两个值:truefalse

下列的值转为布尔类型为false
0, -0, null, "", false, undefined, NaN
除了上面的值,其他的转布尔皆为true

常用于非空对象判断。比如:

if(obj) {}  替代 if(obj !=null && obj != "") {} 

2.4 未定义

undefined表示一个变量未初始化。

var obj;  typeof(obj) == 'undefined'; // true 

2.5 对空

null表示尚未创建的对象;

typeof null; // object null == undefined; // true null === undefined; // false 

3. 引用类型

3.1 对象

对象的创建:

var person = {     firstName:"Bill",      lastName:"Gates",      age:62,      eyeColor:"blue" }; 

对象属性的获取:

person.lastName; person["lastName"]; 

3.2 数组

数组的创建:

var cars = ["Saab", "Volvo", "BMW"]; var cars = new Array("Saab", "Volvo", "BMW"); 

通过下标获取数组的元素:

cars[0] == "Saab"; // true 

修改数组中的元素:

cars[0] = "Ymal"; cars[0] == "Saab"; // false 

3.3 函数

函数的创建:

function myFun() {     // do something } 

函数的调用:

myFun()