JavaScript数据结构02 - 栈

时间 2019-11-06

标签 javascript 数据结构栏目 JavaScript 繁體版

原文原文链接

1、定义

1.1 背景

经过前面一节《JavaScript数据结构01 - 数组》咱们知道，能够在数组的任意位置上删除或添加元素。然而，有时候咱们还须要一种在添加或删除元素时有更多控制的数据结构。git

有两种数据结构相似于数组，但在添加和删除元素时更为可控。github

它们就是栈和队列。编程

1.2 概念

栈是一种遵循后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的末尾，称做栈顶，另外一端就叫栈底。segmentfault

在栈里，新元素都靠近栈顶，旧元素都接近栈底。数组

栈也被用在编程语言的编译器和内存中保存变量、方法调用等，好比函数的调用栈。微信

2、栈的实现

2.1 建立一个类来表示栈

这里我仍是用构造函数的形式来书写，你们有兴趣能够用ES6的Class来重写一遍。数据结构

// Stack类
function Stack () {
  this.items = [];

  this.push = push;
  this.pop = pop;
  this.peek = peek;
  this.isEmpty = isEmpty;
  this.clear = clear;
  this.size = size;
  this.print = print;
}

栈里面有一些声明的方法：编程语言

push(element)：添加一个（或几个）新元素到栈顶
pop()：移除栈顶的元素，同时返回被移除的元素
peek()：返回栈顶的元素，不对栈作任何修改
isEmpty()：若是栈里没有任何元素就返回true，不然返回false
clear()：移除栈里的全部元素
size()：返回栈里的元素个数

2.2 实现栈中的辅助方法

// 添加新元素到栈顶
function push (element) {
  this.items.push(element);
}

// 移除栈顶元素，同时返回被移除的元素
function pop () {
  return this.items.pop();
}

// 查看栈顶元素
function peek () {
  return this.items[this.items.length - 1];
}

// 判断是否为空栈
function isEmpty () {
  return this.items.length === 0;
}

// 清空栈
function clear () {
  this.items = [];
}

// 查询栈的长度
function size () {
  return this.items.length;
}

// 打印栈里的元素
function print () {
  console.log(this.items.toString());
}

2.3 建立实例进行测试

// 建立Stack实例
var stack = new Stack();

console.log(stack.isEmpty());     // true
stack.push(5);                    // undefined
stack.push(8);                    // undefined
console.log(stack.peek());        // 8
stack.push(11);                   // undefined
console.log(stack.size());        // 3
console.log(stack.isEmpty());     // false
stack.push(15);                   // undefined
stack.pop();                      // 15
console.log(stack.size());        // 3
stack.print();                    // 5,8,11
stack.clear();                    // undefined
console.log(stack.size());        // 0

3、结束

本文会同步到个人我的博客，完整代码能够到个人github仓库查看，若是对你有帮助的话欢迎点一个Star~~函数