栈结构（Stack）是一种遵循后进先出（LIFO, Last In First Out）原则的有序集合。在 JavaScript 中，栈可以通过数组来实现，数组提供的 push 和 pop 方法刚好可以用来实现栈的核心操作：压栈和出栈。压栈是指在栈顶添加新元素的过程，出栈是指从栈顶移除元素的过程。此外，了解栈的当前大小、查看栈顶元素、清空栈和检测栈是否为空是栈的基本功能。
一、创建栈结构
实现栈的构造器
创建一个栈的构造器函数是初始步骤，用于初始化栈的数据结构，并可以通过该函数创建新的栈对象。
class Stack {
constructor() {
this.items = [];
}
}
添加压栈方法
栈的一个关键操作是将元素压入栈中，这通常通过数组的 push 方法来实现。
class Stack {
constructor() {
this.items = [];
}
push(element) {
this.items.push(element);
}
}
二、栈的核心操作
实现出栈方法
能够从栈中取出元素是栈的核心功能之一，对应的操作通常是 pop，它移除栈顶元素并返回被移除的值。
pop() {
if (this.items.length === 0) {
return 'Underflow'; // 栈为空时提示
}
return this.items.pop();
}
查看栈顶元素
通常我们需要获取栈顶元素，而并不移除它。这也是栈的一个常规操作。
peek() {
return this.items[this.items.length - 1];
}
三、辅助功能的实现
检查栈是否为空
确定栈是否为空是程序的基础需求，有助于避免栈下溢。
isEmpty() {
return this.items.length === 0;
}
获取栈的大小
了解栈的大小即知道其中元素的数量，对管理栈很有帮助。
size() {
return this.items.length;
}
清空栈元素
有时我们需要将栈中的所有元素清空，这就需要一个清空栈的方法。
clear() {
this.items = [];
}
四、栈的使用案例
使用栈进行数字转换
栈的应用之一是在数字之间转换进制。我们可以使用栈来持继续保存从原数基中获得的余数，然后逆序将这些余数串联成新数基下的字符串形式。
function baseConverter(decNumber, base) {
var remStack = new Stack(),
rem,
baseString = '',
digits = '0123456789ABCDEF';
while (decNumber > 0) {
rem = Math.floor(decNumber % base);
remStack.push(rem);
decNumber = Math.floor(decNumber / base);
}
while (!remStack.isEmpty()) {
baseString += digits[remStack.pop()];
}
return baseString;
}
校验括号的匹配
栈也可以用于校验算法中的括号匹配问题。当遇到开括号时将其压入栈中，遇到闭括号时检查并移除栈顶的开括号。
function parenthesesChecker(symbols) {
var stack = new Stack(),
balanced = true,
index = 0,
symbol, top, opens = '([{', closers = ')]}';
while (index < symbols.length &&balanced) {
symbol = symbols.charAt(index);
if (opens.indexOf(symbol) >= 0) {
stack.push(symbol);
} else if (closers.indexOf(symbol) >= 0) {
if (stack.isEmpty()) {
balanced = false;
} else {
top = stack.pop();
if (!(opens.indexOf(top) === closers.indexOf(symbol))) {
balanced = false;
}
}
}
index++;
}
return balanced && stack.isEmpty();
}
在以上示例中，baseConverter 函数演示了如何使用栈将十进制数转换为其他进制数，而 parenthesesChecker 函数则展示了使用栈检查字符串中的括号是否正确匹配。这些例子突出了栈的灵活性和在算法问题中的应用。
JavaScript 中实现栈只是起点，通过这种数据结构，我们能够解决许多复杂的编程问题，并使代码的逻辑更加清晰。栈在编程领域中非常重要，被广泛用于算法实现、函数调用管理、回溯问题等。掌握栈的概念和应用，对于深入理解数据结构和算法至关重要。
相关问答FAQs：
1. 什么是栈结构(Stack)？
栈是一种后进先出（LIFO）的数据结构，类似于人们在现实生活中堆叠书本的方式。栈具有两个基本操作：压栈（将元素放入栈顶）和出栈（从栈顶移除元素）。栈结构在计算机科学中经常应用于追踪函数调用、处理表达式、内存管理等方面。
2. 如何使用 JavaScript 实现栈结构？
在 JavaScript 中，我们可以使用数组或链表来实现栈结构。使用数组时，可以利用 push() 方法将元素推入数组的末尾，并使用 pop() 方法移除数组的最后一个元素，即实现了栈的基本操作。
以下是一个使用数组实现栈结构的示例代码：
class Stack {
constructor() {
this.stack = [];
}
push(element) {
this.stack.push(element);
}
pop() {
if (!this.isEmpty()) {
return this.stack.pop();
}
}
peek() {
return this.stack[this.stack.length - 1];
}
isEmpty() {
return this.stack.length === 0;
}
size() {
return this.stack.length;
}
}
// 使用示例
const stack = new Stack();
stack.push(1);
stack.push(2);
stack.push(3);
console.log(stack.pop()); // 输出：3
console.log(stack.peek()); // 输出：2
console.log(stack.isEmpty()); // 输出：false
console.log(stack.size()); // 输出：2
3. 栈结构在 JavaScript 中有哪些应用场景？
栈结构在 JavaScript 中有许多应用场景。一些常见的应用场景包括：
- 实现函数调用堆栈：函数调用时，会创建一个函数栈帧并压入调用栈，然后顺序执行函数，最后从栈中弹出栈帧以返回到调用点。
- 逆波兰表达式求值：通过栈结构可以方便地对逆波兰表达式进行求值，遇到操作数时压栈，遇到操作符时从栈中弹出操作数进行计算，最终得到结果。
- 撤销和重做功能：使用两个栈结构分别记录用户的操作历史和撤销历史，当用户执行撤销或重做操作时，将操作从一个栈中弹出并压入另一个栈中。
- 浏览器历史记录：浏览器使用栈结构来保存用户的浏览历史记录，每次打开一个新页面时，将当前页面压入栈中，并在用户点击返回按钮时从栈中弹出最后一个页面。
等等。栈结构在许多算法和数据结构中都有广泛应用，是编程中重要但简单的概念之一。
