JavaScript数据类型 / 开普饭

1. 前言

JavaScript区别于其他编程语言（如Java、C等），在定义变量时无需指定特定的数据类型（如数值、字符串等），使用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 的长度

使用slice、substr和substring都能截取字符串片段。

// 从下标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 布尔值

布尔类型只有两个值：true 、false 。

下列的值转为布尔类型为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()

JavaScript数据类型