当前位置：首页 > 文章列表 > 文章 > 前端 > 栈与队列的JS实现教程

栈与队列的JS实现教程

2025-12-22 14:52:47 0浏览收藏

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《栈与队列的JavaScript实现详解》，涉及到，有需要的可以收藏一下

栈和队列可通过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()：判断栈是否为空

以下是基于类的栈实现：

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

示例使用：

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）和判断是否为空。

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

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

示例使用：

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

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