javascript数据结构

server/2024/9/22 9:39:51/

在 JavaScript 中,数据结构的选择和实现对于编写高效、可维护的代码至关重要。JavaScript 提供了一系列内置的数据结构,同时也支持自定义复杂的数据结构。以下是 JavaScript 中常用的一些数据结构及其基本介绍:

内置数据结构

1. 数组(Array)

数组是一种线性数据结构,用于存储一系列有序的元素。JavaScript 的数组实际上是对象,支持动态增长和索引访问。

特点

  • 动态大小
  • 索引访问
  • 支持多种内置方法(如 push, pop, shift, unshift, splice 等)

示例

javascript">let arr = [1, 2, 3];
arr.push(4); // 添加元素
console.log(arr.pop()); // 移除并返回最后一个元素
console.log(arr[0]); // 访问第一个元素
2. 字符串(String)

字符串是不可变的字符序列,通常用于表示文本信息。JavaScript 中的字符串可以用单引号或双引号表示。

特点

  • 不可变性
  • 索引访问
  • 支持多种内置方法(如 split, join, trim 等)

示例

javascript">let str = "Hello, world!";
console.log(str.split(", ")[1]); // 分割字符串
3. 对象(Object)

对象是一种键值对集合,用于存储和管理相关联的数据。JavaScript 中的对象是哈希表的实现形式,提供了灵活的数据存储机制。

特点

  • 键值对存储
  • 动态属性
  • 支持原型继承

示例

javascript">let obj = { name: "Alice", age: 30 };
console.log(obj.name); // 访问属性
obj.age = 31; // 修改属性
4. Map

Map 是 ES6 引入的新数据结构,类似于对象,但它允许任何类型(对象或者原始值)的值作为键。

特点

  • 键值对存储
  • 支持迭代器协议
  • 任何值(对象或者原始值)都可以作为键或值

示例

javascript">const myMap = new Map();const keyString = "a string";
const keyObj = {};
const keyFunc = function () {};// 添加键
myMap.set(keyString, "和键'a string'关联的值");
myMap.set(keyObj, "和键 keyObj 关联的值");
myMap.set(keyFunc, "和键 keyFunc 关联的值");console.log(myMap.size); // 3// 读取值
console.log(myMap.get(keyString)); // "和键'a string'关联的值"
console.log(myMap.get(keyObj)); // "和键 keyObj 关联的值"
console.log(myMap.get(keyFunc)); // "和键 keyFunc 关联的值"console.log(myMap.get("a string")); // "和键'a string'关联的值",因为 keyString === 'a string'
console.log(myMap.get({})); // undefined,因为 keyObj !== {}
console.log(myMap.get(function () {})); // undefined,因为 keyFunc !== function () {}
5. Set

Set 是 ES6 引入的新数据结构,用于存储唯一的值集合。

特点

  • 值的唯一性
  • 支持迭代器协议

示例

javascript">let set = new Set([1, 2, 3]);
set.add(4);
console.log(set.has(3)); // 判断是否存在
6. WeakMap 和 WeakSet

WeakMapWeakSet 是 ES6 引入的弱引用版本的数据结构,主要用于存储临时数据。

特点

  • 键值对存储(WeakMap
  • 值的唯一性(WeakSet
  • 键或值可以被垃圾回收

示例

javascript">let weakMap = new WeakMap();
let obj = {};
weakMap.set(obj, "some data");
console.log(weakMap.get(obj)); // 获取值

自定义数据结构

除了内置的数据结构外,JavaScript 还支持自定义复杂的数据结构,例如:

1. 链表(LinkedList)

链表是一种线性数据结构,其中每个元素(节点)包含数据和指向下一个节点的指针。

特点

  • 动态大小
  • 无需连续内存空间
  • 插入和删除操作效率高

示例

javascript">class Node {constructor(data) {this.data = data;this.next = null;}
}class LinkedList {constructor() {this.head = null;}append(data) {let newNode = new Node(data);if (!this.head) {this.head = newNode;} else {let current = this.head;while (current.next) {current = current.next;}current.next = newNode;}}
}let list = new LinkedList();
list.append(1);
list.append(2);
2. 栈(Stack)

栈是一种后进先出(LIFO)的数据结构,通常用于实现函数调用栈。

特点

  • 后进先出
  • 支持压栈(push)和弹栈(pop)

示例

javascript">class Stack {constructor() {this.items = [];}push(element) {this.items.push(element);}pop() {if (this.isEmpty()) return undefined;return this.items.pop();}isEmpty() {return this.items.length === 0;}
}let stack = new Stack();
stack.push(1);
stack.push(2);
console.log(stack.pop()); // 输出 2
3. 队列(Queue)

队列是一种先进先出(FIFO)的数据结构,通常用于实现任务调度。

特点

  • 先进先出
  • 支持入队(enqueue)和出队(dequeue)

示例

javascript">class Queue {constructor() {this.items = [];}enqueue(element) {this.items.push(element);}dequeue() {if (this.isEmpty()) return undefined;return this.items.shift();}isEmpty() {return this.items.length === 0;}
}let queue = new Queue();
queue.enqueue(1);
queue.enqueue(2);
console.log(queue.dequeue()); // 输出 1

总结

选择合适的数据结构取决于具体的应用场景。内置数据结构如数组、对象、Map 和 Set 提供了方便的工具来处理常见问题,而自定义数据结构如链表、栈和队列则适用于特定的需求。理解每种数据结构的特点和适用场景是编写高效代码的关键。


http://www.ppmy.cn/server/120222.html

相关文章

redis单点、主从、哨兵、集群的不同

redis哨兵模式有几个: 单点主从哨兵集群 区别 主从模式:读写分离。 哨兵模式:哨兵模式是在主从模式的基础上添加了故障检测和自动故障转移的功能。还是读写分离。 哨兵节点负责监控主节点和从节点的状态,并在主节点宕机时选举新…

Linux--守护进程与会话

进程组 概念 进程组就是一个或多个进程的集合。 一个进程组可以包含多个进程。 下面我们通过一句简单的命令行来展示: 为什么会有进程组? 批量操作:进程组允许将多个进程组织在一起,形成一个逻辑上的整体。当需要对多个进程…

计算机网络 8.*结构化布线

第八章 结构化布线 第一节 结构化布线基础 一、认识结构化布线 1.定义:在建筑物或楼宇内安装的传输线路,是一个用于语音、数据、影像和其他信息技术的标准结构化布线系统。 2.任务:使语音和数据通信设备、交换设备和其他信息管理系统彼此相…

使用SoapUI、Postman工具调用Webservice方法

SoapUI工具更适合调用Webservice使用。 1.使用SoapUI工具调用Webservice 创建“New SOAP Project” 自行定义一个项目名称,输入wsdl地址: 在左侧列表找到方法名,双击“Request 1”, 在请求数据中,添加对应的参数,然…

Kafka-Go学习

文章目录 1. **安装 kafka-go**2. **基本概念**3. **kafka-go 基本用法**3.1 创建 Producer(生产者)3.2 创建 Consumer(消费者)3.3 生产者和消费者配置详解生产者配置 (kafka.WriterConfig)消费者配置 (kafka.ReaderConfig) 4. **…

golang学习笔记2-语法要求,注释与代码风格

声明:本人已有C,C,Python基础,只写本人认为的重点,方便自己回顾。 一、语法要求 1.每个go文件必须有package声明且只能有一个 2.定义过的变量(全局变量除外)或使用import导入的包在之后必须使用 3.和C/C一样…

2024数学建模研赛华为杯选题建议详细思路代码文章A题B题C题D题E题F题研究生数模竞赛

选题难度初步分析: 华为题B建议相关专业的同学完成 A题建议物理、力学、机械等相关专业等同学完成 其他题目C<E<F、D C难点:提升预测精度 脱颖而出 E难点:对视频数据处理 对交通基本定理的了解 F难点:构建机理建模公式 D难点:对大数据进行处理 基于地理信息软件进行分析 …

前端组件库

vant2现在的地址 Vant 2 - Mobile UI Components built on Vue