JavaScript 数据类型详解

简介

JavaScript 是一种弱类型、动态类型的编程语言，数据类型非常多样化。本文将从基本数据类型、对象类型和特殊数据类型三个方面详细介绍 JavaScript 中的数据类型。

基本数据类型

数值型（Number）

数值型是 JavaScript 中最基本的数据类型。它可以表示整数和浮点数。JavaScript 使用 IEEE754 标准来表示数值。可以使用 typeof 操作符来查看一个变量是否是数值型。

typeof 42 // "number"
typeof 3.14 // "number"

let n = 5;
if (typeof n === 'number') {
  console.log("n 是数值型");
}

字符串型（String）

字符串型是 JavaScript 中用于表示文本的数据类型，使用单引号（'）或双引号（"）来表示字符串。

let str1 = 'Hello World';
let str2 = "Hello World";

布尔型（Boolean）

布尔型只有两个取值：true 和 false。它常用于条件判断。

let isValid = true;
if (isValid) {
  console.log("isValid 取值为 true");
} else {
  console.log("isValid 取值为 false");
}

未定义型（Undefined）

未定义型表示变量没有被赋值。如果声明了一个变量但没有为其赋值，则其初始值为 undefined。

let a;
console.log(a); // undefined

空值（Null）

空值表示变量没有指向任何对象。可以使用 typeof 操作符来查看一个变量是否为 null，但结果为 "object"。

let b = null;
console.log(typeof b); // "object"

符号型（Symbol）

符号型是 ECMAScript 6 引入的新类型，用于表示独一无二的值。

let sym1 = Symbol("foo");
let sym2 = Symbol("bar");
console.log(sym1 === sym2); // false

对象类型

对象（Object）

对象是 JavaScript 中最复杂、最重要的数据类型。它可以表示一组键值对，也可以表示一个函数或数组等复杂的数据结构。JavaScript 中的对象是一种引用类型，可以使用字面量表示法或构造函数创建。

字面量表示法

let obj = {
  name: "Mike",
  age: 18
};
console.log(obj.name); // "Mike"
console.log(obj.age); // 18

构造函数创建

let obj = new Object();
obj.name = "Mike";
obj.age = 18;
console.log(obj.name); // "Mike"
console.log(obj.age); // 18

数组（Array）

JavaScript 中的数组是一种特殊的对象，能够存储多个值，并且可以通过索引访问其中的每个元素。数组是一种有序的集合，可以使用字面量表示法或构造函数创建。

字面量表示法

let arr1 = [1, 2, 3];
console.log(arr1[0]); // 1
console.log(arr1[1]); // 2
console.log(arr1[2]); // 3

构造函数创建

let arr2 = new Array(1, 2, 3);
console.log(arr2[0]); // 1
console.log(arr2[1]); // 2
console.log(arr2[2]); // 3

特殊数据类型

NaN

NaN（Not a Number）表示一个无效的数值。当数学运算的结果不能被表示为数值时，JavaScript 会返回 NaN。NaN 是一个特殊的数值，与任何值都不相等，包括自身。

console.log(0 / 0); // NaN
console.log(NaN === NaN); // false

Infinity

Infinity 表示一个超出 JavaScript 数值范围的数值。可以使用 isFinite() 函数来判断一个数值是否为有限数值。

console.log(1 / 0); // Infinity
console.log(-1 / 0); // -Infinity
console.log(isFinite(1 / 0)); // false
console.log(isFinite(10)); // true

示例

示例一

以下代码演示了创建一个符号型的变量及其基本使用：

let sym1 = Symbol();
let sym2 = Symbol("foo");

console.log(sym1); // Symbol()
console.log(sym2); // Symbol(foo)

let obj = {
  [sym1]: "hello"
};

console.log(obj[sym1]); // "hello"
console.log(obj[sym2]); // undefined

示例二

以下代码演示了创建一个使用字面量表示法创建的对象并使用其属性：

let obj = {
  name: "Mike",
  age: 18
};

console.log(obj.name); // "Mike"
console.log(obj.age); // 18

结论

JavaScript 中有七种基本数据类型和一种特殊数据类型。其中基本类型包括数值型、字符串型、布尔型、未定义型、空值和符号型；对象类型包括对象和数组。熟练掌握 JavaScript 数据类型，可以帮助我们更好地理解和写出高效的代码。