栈是遵循后进先出(LIFO)规则的一种有序集合,比如桌上的一叠书,我们只能从上面放或取。

队列是遵循先进先出(FIFO)规则的一种有序集合,比如排队,先排到的先离开。

数组也是一种有序的集合,它与上面两种数据结构类似。由于JavaScript中的数组本身拥有许多简单的方法,如push(), 所以用数组来表示栈和队列非常简单。

首先回顾一下相关的方法:

push():向数组尾部添加一个或多个项。

pop():删除数组尾部的一个项。

unshift():先数组头部添加一个或多个项。

shift():删除数组头部的一个项。

用数组表示栈。数组的尾部,也就是栈的尾部,称作栈顶,另一端是栈底。越是后面添加的元素越靠近栈顶,所以对栈的操作都集中在栈顶。

// 栈的构造函数function Stack() {
// 初始化一个数组
            var items = [];
            // 入栈
            this.push = function (elem) {
                items.push(elem);
            };
            // 出栈,并返回该元素
            this.pop = function () {
                return items.pop();
            };
            // 返回栈顶元素
            this.peek = function () {
                ];
            };
            // 栈是否为空
            this.isEmpty = function () {
                return !items.length;
            };
            // 返回栈的大小(长度)
            this.size = function () {
                return items.length;
            };
            // 清空栈
            this.clear = function () {
                items = [];
            };
            // 打印栈
            this.print = function () {
                console.log(items.toString());
            };
        }

以上是一个栈的构造函数,接下来我们实例化一个栈。

var stack = new Stack();
stack.push("Jack");
stack.push("Mike");
stack.push("Candy");
stack.print(); // Jack,Mike,Candy
stack.pop();
stack.print(); // Jack,Mike

stack是一个栈的实例,Jack,Mike,Candy按顺序入栈,然后删除一个栈顶元素(Candy),得到Jack,Mike。

栈除了能模拟生活中的例子以外,还能解决一些计算机科学中的问题。这里举一个例子——十进制转换成二进制。

二进制是逢二进一,所以我们只要将十进制的数不停地除以二,直到被除数等于0,将得到的每一个余数(0或1)按顺序排列而成的便是对应的二进制数。

下面用代码实现:

function Stack() {
            // 同上
    };

function divideBy2(num) {
            var stack = new Stack(), // 实例化一个栈
                result = "", // 用来存放最终的二进制数
                rem; // 用来存放余数

            while (num > 0) {
                rem = Math.floor(num % 2);
                stack.push(rem);
                num = Math.floor(num / 2);
            }

            // 取栈顶元素,存放在result中,也就是一个反向排序的过程
            while (!stack.isEmpty()) {
                result += stack.pop().toString();
            }

            return result;
        }

用数组表示队列。队列是从底部添加元素,从尾部删除元素。

// 队列
function Queue() {
    // 初始化数组
    var items = [];
    // 入队列
    this.enqueue = function (elem) {
        items.push(elem);
    };
    // 出队列,并返回该元素
    this.dequeue = function () {
        return items.shift();
    };
    // 返回队列顶部元素
    this.front = function () {
        return items[0];
    };
    // 判断是否为空
    this.isEmpty = function () {
        return !items.length;
    };
    // 返回队列长度
    this.size = function () {
        return items.length;
    };
    // 打印队列
    this.print = function () {
        console.log(items.toString());
    }
}

实例化:

var queue = new Queue();
queue.enqueue("Jack");
queue.enqueue("Mike");
queue.enqueue("Candy");
queue.print(); // Jack,Mike,Candy
queue.dequeue();
queue.print(); // Mike,Candy

优级先队列。优先级队列是队列的升级版,队列中的每个元素都带有优先级,优先级高的排在队列靠顶部位置,优先级低的排在队列靠尾部位置。这就好像网上买票需要排队,而会员具有比较高的优先级,会被排在普通用户的前面。

下面是代码实现:

// 优先队列
function PriorityQueue() {
    // 初始化数组
    var items = [];

    // 优先级元素的构造函数
    function priorityElem(elem, priority) {
          this.elem = elem;
          this.priority = priority;
    };

    // 入队列
    this.enqueue = function (elem, priority) {
          elem = new priorityElem(elem, priority); // 优先级元素
          if (this.isEmpty()) { // 如果队列是空的,直接入队列
              items.push(elem);
          } else {
              var added = false;
              for (var i = 0; i < items.length; i++) {
                  // 插入到优先级低的(priority大的)元素之前
                  if (elem.priority < items[0].priority) {
                      items.splice(i, 0, elem);
                      added = true;
                      break;
                  }
              }
              // 没有比该元素优先级低的,则将该元素添加到尾部
              if (!added) {
                  items.push(elem);
              }
           }
        };

       this.print = function () {
          console.log(items[3]);
       }
};

实例化:

var queue = new PriorityQueue();
queue.enqueue("Jack", 2);
queue.enqueue("Mike", 3);
queue.enqueue("Candy", 1);
queue.print(); // Candy,Jack,Mike

队列按优先级由高到低(priority由小到大)排列

欢迎补充或指正

Javascript用数组实现栈和队列的更多相关文章

  1. JavaScript 数据结构与算法之美 - 线性表(数组、栈、队列、链表)

    前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...

  2. JavaScript数组模拟栈和队列

    *栈和队列:js中没有真正的栈和队列的类型              一切都是用数组对象模拟的 栈:只能从一端进出的数组,另一端封闭       FILO   何时使用:今后只要仅希望数组只能从一端进 ...

  3. 算法入门 - 基于动态数组的栈和队列(Java版本)

    之前我们学习了动态数组的实现,接下来我们用它来实现两种数据结构--栈和队列.首先,我们先来看一下栈. 什么是栈? 栈是计算机的一种数据结构,它可以临时存储数据.那么它跟数组有何区别呢? 我们知道,在数 ...

  4. 关于JS数组的栈和队列操作

    1.js支持重载吗? 虽然js 本身并没有函数重载,但是可以用arguments来模拟重载,函数名相同,参数不同,arguments的length属性,获取参数个数,索引属性获取参数值 2.什么是作用 ...

  5. Java的数组,栈,队列

    import java.util.Arrays; public class Array<E> { private E[] data; private int size; //构造函数,传入 ...

  6. 栈与队列(Stack and Queue)

    1.定义 栈:后进先出(LIFO-last in first out):最后插入的元素最先出来. 队列:先进先出(FIFO-first in first out):最先插入的元素最先出来. 2.用数组 ...

  7. JavaScript高级程序设计--对象,数组(栈方法,队列方法,重排序方法,迭代方法)

    1.使用对象字面量定义对象 var person={}; 使用这种方式创建对象时,实际上不会调用Object构造函数. 开发人员更喜欢对象字面量的语法.   2.有时候需要传递大量可选参数的情形时,一 ...

  8. 学习javascript数据结构(一)——栈和队列

    前言 只要你不计较得失,人生还有什么不能想法子克服的. 原文地址:学习javascript数据结构(一)--栈和队列 博主博客地址:Damonare的个人博客 几乎所有的编程语言都原生支持数组类型,因 ...

  9. JavaScript中的算法之美——栈、队列、表

    序 最近花了比较多的时间来学习前端的知识,在这个期间也看到了很多的优秀的文章,其中Aaron可能在这个算法方面算是我的启蒙,在此衷心感谢Aaron的付出和奉献,同时自己也会坚定的走前人这种无私奉献的分 ...

随机推荐

  1. tomato dualwan /root目录的特殊用途

    测试发现tomato dualwan /root目录下存储的文件重启后会自动清掉.利用这个特性可以把测试生成的临时文件丢到这里. root下本应该存在的.vimrc 文件 采用如下方法生成: 在/op ...

  2. Eclipse、maven项目常见问题

    阿里云maven仓库地址: <mirror> <id>nexus-aliyun</id> <mirrorOf>*</mirrorOf> &l ...

  3. 50. leetcode 520. Detect Capital

    520. Detect Capital Given a word, you need to judge whether the usage of capitals in it is right or ...

  4. 是什么让javascript变得如此奇妙

    What Makes Javascript Weird...and AWESOME -> First Class Functions -> Event-Driven Evironment ...

  5. 13. Roman to Integer【leetcode】

    Roman to Integer Given a roman numeral, convert it to an integer. Input is guaranteed to be within t ...

  6. SpringBoot集成MyBatis的分页插件PageHelper(回头草)

    俗话说:好

  7. VIM的字符编码设置

    vim 编码方式的设置和所有的流行文本编辑器一样,Vim 可以很好的编辑各种字符编码的文件,这当然包括UCS-2.UTF-8 等流行的 Unicode 编码方式.然而不幸的是,和很多来自 Linux ...

  8. 再学ajax--第一天

    今天写这个帖子就是是前几天在学ES6在学到Promise实现AJAX操作时,发现对ajax的一些知识点有些遗忘,所以就回头重新复习了一遍ajax,温故而知新. 主要有从4个方面去复习ajax,分析不透 ...

  9. 给Web前端初学者的一些建议和学习路线

    做web前端开发能有10多年的时间,晚上编辑一篇文章,给初学者说一些建议.   学习 HTML,CSS 应该先跟着基础的视频学一遍.然后就需要做大量的练习,案例,案例是非常重要的,应用到实处,做各种常 ...

  10. python学习之核心数据类型

    python核心数据类型 对象类型 例子 数字 1234,-345 字符串 'spam' 列表 [1,3,'ds'] 元组 (1,'spam',6) 字典 {'name':'lili','age':1 ...