JavaScript 数据类型深度解析

原创

lqw账号 2024-12-20 19:06:03 博主文章分类：话题讨论 ©著作权

文章标签 数据类型引用类型字符串 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者lqw账号的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript，作为一种广泛应用于网页开发和服务器端的脚本语言，其灵活性和动态性在很大程度上得益于其丰富的数据类型系统。JavaScript的数据类型分为两大类：原始类型（Primitive Types）和引用类型（Reference Types）。本文将详细探讨这些数据类型，帮助开发者更好地理解JavaScript中的数据操作。

原始类型（Primitive Types）

原始类型是不可变的，意味着一旦创建，它们的值就不能改变（尽管可以通过变量重新赋值）。JavaScript中有七种原始类型：

Undefined

当声明了一个变量但没有赋值时，该变量的默认值为undefined。
let x; console.log(x); // 输出: undefined

Null

null是一个表示“空”或“无”的特殊关键字。
它是一个表示空值的独立类型，与undefined不同，但两者在某些情况下可以互换使用。
let y = null; console.log(y); // 输出: null

Boolean

表示逻辑值：true或false。
常用于控制流语句（如if）和循环中。
let isTrue = true; console.log(isTrue); // 输出: true

Number

用于表示整数和浮点数。
JavaScript中的所有数字都以64位浮点数形式存储，遵循IEEE 754标准。
let num = 42; let floatNum = 3.14; console.log(num, floatNum); // 输出: 42 3.14

String

用于表示文本数据，即字符序列。
可以使用单引号（'）、双引号（"）或反引号（`，用于模板字符串）来定义。
let text = "Hello, World!"; console.log(text); // 输出: Hello, World!

Symbol

引入于ECMAScript 6（ES6），表示唯一的标识符。
通常用于创建对象的唯一属性键。
let sym = Symbol("description"); console.log(sym); // 输出: Symbol(description)

BigInt

引入于ECMAScript 2020（ES11），用于表示任意精度的整数。
通过在整数后面加上n来创建。
let bigIntNum = 9007199254740991n; console.log(bigIntNum); // 输出: 9007199254740991n

引用类型（Reference Types）

引用类型是可变的，并且它们可以包含多个值（即，它们是复合值）。JavaScript中有几种主要的引用类型：

Object

JavaScript中的对象是基于原型的，这意味着它们可以继承属性和方法。
对象用于存储键值对，其中键是字符串（也可以是Symbol），值是任意数据类型。
let obj = {name: "Alice", age: 25}; console.log(obj); // 输出: {name: "Alice", age: 25}

Array

一种特殊的对象类型，用于存储有序的元素集合。
数组的元素可以通过索引（从0开始的整数）来访问。
let arr = [1, 2, 3, 4, 5]; console.log(arr); // 输出: [1, 2, 3, 4, 5]

Function

在JavaScript中，函数是一等公民，这意味着它们可以像其他数据类型一样被传递和操作。
函数用于定义可重复使用的代码块，可以接受参数并返回值。
function greet(name) { return Hello, ${name}!; } console.log(greet("Bob")); // 输出: Hello, Bob!

Date

用于处理日期和时间的内置对象。
可以创建、操作和格式化日期和时间。
let date = new Date(); console.log(date); // 输出当前日期和时间

RegExp

正则表达式对象，用于模式匹配和字符串搜索/替换操作。
let regex = /hello/i; console.log(regex.test("Hello, World!")); // 输出: true

Map 和 Set

ES6引入的集合类型，提供了比传统对象更强大的键/值对存储和唯一值存储功能。
let map = new Map(); map.set("key", "value"); console.log(map.get("key")); // 输出: value
let set = new Set(); set.add(1); console.log(set.has(1)); // 输出: true