ES6的数据类型有哪些

JavaScript 是一种动态类型语言，这意味着变量在声明时不需要指定类型，类型是在运行时确定的。ES6（ECMAScript 2015）是 JavaScript 的一个重要版本，引入了许多新特性，包括新的数据类型。本文将详细介绍 ES6 中的数据类型，包括基本数据类型和复杂数据类型。

1. 基本数据类型

ES6 中的基本数据类型（也称为原始类型）包括以下几种：

1.1 undefined

undefined 表示变量未定义或未赋值。当一个变量被声明但未被赋值时，它的值就是 undefined。

let x;
console.log(x); // 输出: undefined

1.2 null

null 表示一个空值或不存在的对象引用。它通常用于表示有意地清空一个变量。

let y = null;
console.log(y); // 输出: null

1.3 boolean

boolean 类型只有两个值：true 和 false。它通常用于条件判断。

let isTrue = true;
let isFalse = false;
console.log(isTrue); // 输出: true
console.log(isFalse); // 输出: false

1.4 number

number 类型用于表示整数和浮点数。ES6 引入了 Number 对象的一些新方法，如 Number.isInteger() 和 Number.isNaN()。

let num1 = 42;
let num2 = 3.14;
console.log(Number.isInteger(num1)); // 输出: true
console.log(Number.isInteger(num2)); // 输出: false

1.5 string

string 类型用于表示文本数据。ES6 引入了模板字符串（Template Literals），使得字符串的拼接更加方便。

let name = "Alice";
let greeting = `Hello, ${name}!`;
console.log(greeting); // 输出: Hello, Alice!

1.6 symbol

symbol 是 ES6 引入的一种新的原始数据类型，表示唯一的、不可变的值。它通常用于创建对象的唯一属性键。

let sym1 = Symbol("key");
let sym2 = Symbol("key");
console.log(sym1 === sym2); // 输出: false

2. 复杂数据类型

ES6 中的复杂数据类型（也称为引用类型）包括以下几种：

2.1 object

object 是 JavaScript 中最复杂的数据类型，用于存储键值对。对象可以是字面量、数组、函数、日期等。

let person = {
    name: "Alice",
    age: 25
};
console.log(person.name); // 输出: Alice

2.2 array

array 是一种特殊的对象，用于存储有序的元素集合。ES6 引入了许多新的数组方法，如 Array.from()、Array.of() 和 Array.prototype.includes()。

let numbers = [1, 2, 3, 4, 5];
console.log(numbers.includes(3)); // 输出: true

2.3 function

function 是一种特殊的对象，用于封装可执行的代码。ES6 引入了箭头函数（Arrow Functions），使得函数的定义更加简洁。

let add = (a, b) => a + b;
console.log(add(2, 3)); // 输出: 5

2.4 date

date 是用于处理日期和时间的对象。ES6 引入了 Date.prototype.toISOString() 方法，用于将日期转换为 ISO 格式的字符串。

let now = new Date();
console.log(now.toISOString()); // 输出: 2023-10-05T12:34:56.789Z

2.5 regexp

regexp 是用于处理正则表达式的对象。ES6 引入了 RegExp.prototype.flags 属性，用于获取正则表达式的标志。

let regex = /abc/gi;
console.log(regex.flags); // 输出: gi

2.6 map

map 是 ES6 引入的一种新的数据结构，用于存储键值对。与对象不同，map 的键可以是任意类型。

let map = new Map();
map.set("name", "Alice");
map.set(1, "one");
console.log(map.get("name")); // 输出: Alice
console.log(map.get(1)); // 输出: one

2.7 set

set 是 ES6 引入的一种新的数据结构，用于存储唯一的值。与数组不同，set 中的值不会重复。

let set = new Set();
set.add(1);
set.add(2);
set.add(2);
console.log(set.size); // 输出: 2

2.8 weakmap

weakmap 是 ES6 引入的一种新的数据结构，与 map 类似，但键必须是对象，并且不会阻止垃圾回收。

let weakMap = new WeakMap();
let obj = {};
weakMap.set(obj, "value");
console.log(weakMap.get(obj)); // 输出: value

2.9 weakset

weakset 是 ES6 引入的一种新的数据结构，与 set 类似，但值必须是对象，并且不会阻止垃圾回收。

let weakSet = new WeakSet();
let obj = {};
weakSet.add(obj);
console.log(weakSet.has(obj)); // 输出: true

3. 类型检测

在 JavaScript 中，可以使用 typeof 操作符来检测变量的类型。ES6 引入了 Symbol 类型，因此 typeof 操作符现在可以返回 "symbol"。

console.log(typeof undefined); // 输出: "undefined"
console.log(typeof null); // 输出: "object"
console.log(typeof true); // 输出: "boolean"
console.log(typeof 42); // 输出: "number"
console.log(typeof "hello"); // 输出: "string"
console.log(typeof Symbol("key")); // 输出: "symbol"
console.log(typeof {}); // 输出: "object"
console.log(typeof []); // 输出: "object"
console.log(typeof function() {}); // 输出: "function"

需要注意的是，typeof null 返回 "object"，这是一个历史遗留问题。要检测 null，可以使用 === 操作符。

let x = null;
console.log(x === null); // 输出: true

4. 类型转换

JavaScript 是一种弱类型语言，允许在运行时自动进行类型转换。ES6 引入了 Symbol.toPrimitive 方法，允许对象自定义类型转换行为。

let obj = {
    [Symbol.toPrimitive](hint) {
        if (hint === "number") {
            return 42;
        }
        if (hint === "string") {
            return "forty-two";
        }
        return true;
    }
};
console.log(+obj); // 输出: 42
console.log(`${obj}`); // 输出: forty-two
console.log(obj == true); // 输出: true

5. 总结

ES6 引入了许多新的数据类型和特性，使得 JavaScript 更加强大和灵活。了解这些数据类型及其特性，对于编写高质量的 JavaScript 代码至关重要。本文详细介绍了 ES6 中的基本数据类型和复杂数据类型，以及类型检测和类型转换的相关知识。希望本文能帮助你更好地理解和使用 ES6 中的数据类型。