JS学习——数据类型

学习内容来源：JavaScript 数据类型

JavaScript 数据类型

字符串值，数值，布尔值，数组，对象

var length = 7;                             // 数字
var lastName = "Gates";                      // 字符串
var cars = ["Porsche", "Volvo", "BMW"];         // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 对象

1、当数值和字符串相加时，JavaScript 将把数值视作字符串。
例子：

var x = 911 + "Porsche";
// JavaScript 会这样处理上面的例子
var x = "911" + "Porsche";

2、JavaScript 从左向右计算表达式。不同的次序会产生不同的结果。

var x = 911 + 7 + "Porsche";
// 结果：918Porsche，说明：JavaScript 把 911 和 7 视作数值，直到遇见 "Porsche"。
var x = "Porsche" + 911 + 7;
// 结果：Porsche9117，说明：第一个操作数是字符串，因此所有操作数都被视为字符串。

JavaScript 拥有动态类型

例子：

var x;               // 现在 x 是 undefined
var x = 7;           // 现在 x 是数值
var x = "Bill";      // 现在 x 是字符串值

JavaScript 字符串值

字符串被引号包围。可使用单引号或双引号

例子：

var answer = "It's alright";         // 双引号内的单引号，结果：It's alright
var answer = "He is called 'Bill'";  // 双引号内的单引号，结果：He is called 'Bill'
var answer = 'He is called "Bill"';  // 单引号内的双引号，结果：He is called "Bill"

JavaScript 数值

JavaScript 只有一种数值类型，写数值时用不用小数点均可

例子：

var x1 = 34.00;     // 带小数点
var x2 = 34;        // 不带小数点

// 超大或超小的数值可以用科学计数法来写
var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

JavaScript 布尔值

布尔值只有两个值：true 或 false

例子：

var x = true;
var y = false;

JavaScript 数组

JavaScript 数组用方括号书写。数组的项目由逗号分隔。数组索引基于零，这意味着第一个项目是 [0]，第二个项目是 [1]，以此类推

例子：

var cars = ["Porsche", "Volvo", "BMW"];
// 第一项为cars[0]，第二项为cars[2]...

JavaScript 对象

JavaScript 对象用花括号来书写。对象属性是 name: value 对，由逗号分隔

例子：

var person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 62,
  eyeColor: "blue"
};
// 例中的对象（person）有四个属性：firstName、lastName、age 以及 eyeColor

typeof 运算符

可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型，typeof 运算符返回变量或表达式的类型

例子：

typeof ""                  // 返回 "string"
typeof "Bill"              // 返回 "string"
typeof "Bill Gates"        // 返回 "string"

typeof 0                   // 返回 "number"
typeof 314                 // 返回 "number"
typeof 3.14                // 返回 "number"
typeof (7)                 // 返回 "number"
typeof (7 + 8)             // 返回 "number"

// typeof 运算符对数组返回 "object"，因为在 JavaScript 中数组属于对象。
typeof [1, 2, 3]           // 返回 "object"

Undefined

1、在 JavaScript 中，没有值的变量，其值是 undefined。typeof 也返回 undefined

var person;              // 值是 undefined，类型是 undefined。

2、任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined
例子：

person = undefined;      // 值是 undefined，类型是 undefined。

空值

空值与 undefined 不是一回事。空的字符串变量既有值也有类型

var car = "";            // 值是 ""，类型是 "string"

Null

在 JavaScript 中，null 是 "nothing"。它被看做不存在的事物。在 JavaScript 中，null 的数据类型是对象。可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null。

1、可以通过设置值为 null 清空对象

var person = null;       // 值是 null，但是类型仍然是对象

2、也可以通过设置值为 undefined 清空对象

var person = undefined;  // 值是 undefined，类型是 undefined

Undefined 与 Null 的区别

Undefined 与 null 的值相等，但类型不相等

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false，判断值和类型是不是都相等
null == undefined             // true，判断值是不是相等

原始数据

原始数据值是一种没有额外属性和方法的单一简单数据值

typeof 运算符可返回以下原始类型之一：

• string
• number
• boolean
• undefined

例子：

typeof "Bill"              // 返回 "string"
typeof 3.14                // 返回 "number"
typeof true                // 返回 "boolean"
typeof false               // 返回 "boolean"
typeof x                   // 返回 "undefined" (假如 x 没有值)

复杂数据

typeof 运算符可返回以下两种类型之一：

• function
• object

例子：

typeof {name:'Bill', age:62} // 返回 "object"
typeof [1,2,3,4]             // 返回 "object"
typeof null                  // 返回 "object"
typeof function myFunc(){}   // 返回 "function"