栈是遵循后进先出(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. Python零基础学习系列之二--Python介绍及环境搭建

    1-1.Python简介: Python是一种解释型.面向对象.动态数据类型的高级程序设计语言.Python由Guido van Rossum于1989年底发明,第一个公开发行版发行于1991年.像P ...

  2. nodeJS之域名DNS

    前面的话 本文将详细介绍域名解析模块DNS 工作原理 打开浏览器,在上方地址栏输入网址的那一刻,这个回车按了之后,发生了很多事情.首先,计算机只懂0和1,也就是说人类的字母网址计算机是不懂的,它只认识 ...

  3. POJ 2386 Lake Counting (简单深搜)

    Description Due to recent rains, water has pooled in various places in Farmer John's field, which is ...

  4. Spring @Transactional 使用

    Spring @Transactional是Spring提供的一个声明式事务,对代码的侵入性比较小,只需考虑业务逻辑,不需要把事务和业务搞混在一起. @Transactional 可以注解在inter ...

  5. MySQL开发指南

    数据库开发是数据库管理系统(DBMS)和数据库应用软件设计研发的总称,数据运维.参与数据库生产环境的问题优化和解决等方面的事宜. 1.关于MySQL数据库 2.搭建MySQL环境 3.入门常用SQL. ...

  6. 前端开发工具Brackets介绍,安装及安装Emme插件时踩过的坑

    对于前端开发的园友来说有可能IDE工具有很多,层次不穷,还有每个人的喜好及习惯也不一样,因为我是一名后端开发的.Net程序员,但是大家都知道,现在都提倡什么全栈工程师,所以也得会点前端开发,所以我对于 ...

  7. 高性能MySQL之【第十五章 备份与恢复】学习记录

      我们不打算包括的话题:      安全(访问备份,恢复数据的权限,文件是否需要加密)      备份存储在哪里,包括他们应该离源数据多远,以及如何将数据从源头移动到目的地      保留策略.审计 ...

  8. mac使用小提示

    1. 升级到serria系统,默认需要长按caps lock 才会锁定,段按会切换输入法.解决方法: 设置--键盘--输入法,  取消勾选"使用大写锁定键切换输入法" 2. 是否显 ...

  9. C#调用C++数据类型对照

    类型对照: BSTR --------- StringBuilder LPCTSTR --------- StringBuilder LPCWSTR --------- IntPtr handle-- ...

  10. 从源码理解Spring原理,并用代码实现简易Spring框架

    前言(本文为原创,转载请注明出处) 个人之前对于框架的学习,就停留在配置,使用阶段.说实话过段时间就会忘得荡然无存.也不知道框架的运行逻辑,就是知道添加个注解,就可以用了. 由于实习,时间比较多,也感 ...