JavaScript中的数据结构实现：栈与队列-js教程-PHP中文网

JavaScript中的数据结构实现：栈与队列

php中文网

发布： 2025-10-31 21:32:01

原创

822人浏览过

栈和队列可通过JavaScript数组或自定义类实现。1. 栈遵循后进先出（LIFO），用push/pop操作实现高效入栈出栈；2. 队列遵循先进先出（FIFO），可用push/shift操作，但shift为O(n)影响性能；3. 可通过类封装实现peek、front、isEmpty等方法；4. 栈适用于递归模拟、表达式求值，队列适合任务调度、BFS等场景；5. 高性能需求时建议用对象+指针或链表优化队列实现。

javascript中的数据结构实现：栈与队列

JavaScript 中虽然没有内置的栈和队列类型，但我们可以利用数组或自定义类来实现这两种常用的数据结构。它们在算法设计、函数调用管理、任务调度等场景中非常有用。下面分别介绍栈和队列的基本原理与实现方式。

栈的实现（后进先出）

栈是一种遵循“后进先出”（LIFO, Last In First Out）原则的数据结构。常见的操作包括入栈（push）、出栈（pop）、查看栈顶元素（peek）和判断是否为空。

使用 JavaScript 数组可以轻松模拟栈行为：

push()：将元素添加到栈顶
pop()：移除并返回栈顶元素
peek()：返回栈顶元素但不移除
isEmpty()：判断栈是否为空

以下是基于类的栈实现：

立即学习“Java免费学习笔记（深入）”；

class Stack {
  constructor() {
    this.items = [];
  }
<p>push(element) {
this.items.push(element);
}</p><p>pop() {
if (this.isEmpty()) return undefined;
return this.items.pop();
}</p><p>peek() {
if (this.isEmpty()) return undefined;
return this.items[this.items.length - 1];
}</p><p>isEmpty() {
return this.items.length === 0;
}</p><p>size() {
return this.items.length;
}
}</p>

登录后复制

示例使用：

const stack = new Stack();
stack.push(1);
stack.push(2);
console.log(stack.peek()); // 2
console.log(stack.pop());  // 2
console.log(stack.size()); // 1

登录后复制

队列的实现（先进先出）

队列遵循“先进先出”（FIFO, First In First Out）原则。常用于任务排队、广度优先搜索等场景。基本操作包括入队（enqueue）、出队（dequeue）、查看队首元素（front）和判断是否为空。

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

查看详情

虽然可以用数组的 push 和 shift 实现，但 shift 操作的时间复杂度为 O(n)，效率较低。下面是一个简单但实用的队列类：

class Queue {
  constructor() {
    this.items = [];
  }
<p>enqueue(element) {
this.items.push(element);
}</p><p>dequeue() {
if (this.isEmpty()) return undefined;
return this.items.shift(); // 注意：shift 是 O(n)
}</p><p>front() {
if (this.isEmpty()) return undefined;
return this.items[0];
}</p><p>isEmpty() {
return this.items.length === 0;
}</p><p>size() {
return this.items.length;
}
}</p>

登录后复制

示例使用：

const queue = new Queue();
queue.enqueue('a');
queue.enqueue('b');
console.log(queue.front());   // 'a'
console.log(queue.dequeue()); // 'a'
console.log(queue.size());    // 1

登录后复制

若需更高性能，可考虑使用双指针或链表实现，避免频繁的元素移动。