JavaScript中的数据结构及实战系列(2):栈
开题:
不冒任何险,什么都不做,什么也不会有,什么也不是。
本文目录
栈介绍:
和队列一样,栈也是一种表结构,但是和队列的“先进先出”不同的是栈是“先进后出”的一种数据结构,它更像我们生活中向箱子里放东西,后放的在上面,最先被我们取出来。

由于栈是“先进后出”的结构,所以我们基本上都是对栈顶元素的操作,任何不在栈顶的元素都不能被访问,为了得到栈底的元素,我们需要删除栈顶的元素。
由以上可知,“出栈”和“入栈”操作是栈中主要的两个功能, 我们还需要设置top作为整个栈的指针,当向栈中压入元素时,该变量增大,指向最新的元素,有元素出栈时,该变量减小,指向现在的栈顶元素。我们可能只希望访问栈顶元素,并不想将它移出栈所以我们又需要一个getTop方法,再加上clear清除全栈、empty栈是否为空和length获取栈长度的方法基本上就满足了我们对于栈的使用需要。
JavaScript实现栈:
function Inn(){
var items = [];
var top = 0;
//入栈
this.push = function(obj){
items[top++] = obj;
};
//获取栈顶元素并删除
this.pop = function(){
return items[--top];
};
//获取栈顶元素但不删除
this.getTop = function(){
return items[top -1];
};
//清除栈数据
this.clear = function(){
top = 0;
};
//获取栈的长度
this.length = function(){
return top;
};
//栈是否为空
this.empty = function(){
return top === 0;
};
}
var i = new Inn();
i.push({
a: 1,
b: 2
});
i.push({
c: 3,
d: 4
});
console.log(i.length());
console.log(i.pop());
console.log(i.getTop());
console.log(i.length());
i.clear();
console.log(i.length());
输出结果为:
2
{c: 3, d: 4}
{a: 1, b: 2}
1
0
栈的应用:
实现一个优秀的算法需要一个好的数据结构来支撑,因此我们可以用栈来做好多事情,例如我们做ACM时的判断回文
1. 用栈判断回文
把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环。(取自百度百科)
我们只考虑文字对应位置颠倒的情况,即文字从前往后和从后往前写都是一样的情况。比如单词“dad”,“racecar”就是回文;数字1001也是回文。
使用栈可以比较轻松的去判断一个字符是否是回文。我们可以将文字从左往右依次压入栈中,然后将将栈中数据依次弹出形成一个新的字符串,最后判断两个字符串是否相等即可。
function Inn(){
var items = [];
var top = 0;
//入栈
this.push = function(obj){
items[top++] = obj;
};
//获取栈顶元素并删除
this.pop = function(){
return items[--top];
};
//获取栈顶元素但不删除
this.getTop = function(){
return items[top -1];
};
//清除栈数据
this.clear = function(){
top = 0;
};
//获取栈的长度
this.length = function(){
return top;
};
//栈是否为空
this.empty = function(){
return top === 0;
};
}
var inn = new Inn();
var palindrome = '柳庭风静人眠昼,昼眠人静风庭柳';
for (var i = 0; i < palindrome.length; i++) {
inn.push(palindrome[i]);
}
var palindrome2 = '';
while(!inn.empty()){
palindrome2 +=inn.pop();
}
if (palindrome == palindrome2) {
console.log('这是一个回文字符串');
}else{
console.log('这不是一个回文字符串');
}
输出结果为:
这是一个回文字符串
2. 用栈实现进制转换
在进行实现转换时我们先看一下我们十进制转换为二进制的图

我们假设将数字n转换为以b为基数的数字,实现步骤如下:
- 最高位为n%b, 将结果压入栈中
- 使用n/b 代替n
- 重复 1、 2直到n为0且没有余数
- 将栈中的数据依次弹出直到栈为空,依次将这些数据拼接,就得到了这个以b为基数的数字的字符串形式
function Inn(){
var items = [];
var top = 0;
this.push = function(obj){
items[top++] = obj;
};
this.pop = function(){
return items[--top];
};
this.getTop = function(){
return items[top -1];
};
this.clear = function(){
top = 0;
};
this.length = function(){
return top;
};
//栈是否为空
this.empty = function(){
return top === 0;
};
}
/******* 进制转换 *******/
var n = 4396;
var inn = new Inn();
do{
inn.push(n % 2);
n = Math.floor( n / 2 );
}while(n > 0);
var n22 = '';
while(!inn.empty()){
n22 += inn.pop();
}
console.log(parseInt(n22));
输出结果为:
1000100101100
JavaScript中的数据结构及实战系列(2):栈的更多相关文章
- JavaScript中的数据结构及实战系列
本系列主要是讲解JavaScript中的数据结构及在实际项目中遇到的地方 JavaScript中的数据结构及实战系列(1):队列 JavaScript中的数据结构及实战系列(2):栈
- JavaScript中的数据结构及实战系列(1):队列
开题 张三丰教无忌太极剑法: 还记得吗? 全都记得. 现在呢? 已经忘却了一小半. 啊,已经忘了一大半. 不坏不坏,忘得真快,那么现在呢? 已经全都忘了,忘得干干净净. 好了,你上吧. 长时间写前端代 ...
- javascript实现数据结构与算法系列:栈 -- 顺序存储表示和链式表示及示例
栈(Stack)是限定仅在表尾进行插入或删除操作的线性表.表尾为栈顶(top),表头为栈底(bottom),不含元素的空表为空栈. 栈又称为后进先出(last in first out)的线性表. 堆 ...
- javascript中的数据结构
Javascript中的关键字 abstract continue finally instanceof private this boolean ...
- JavaScript中常见数据结构
数据结构 栈:一种遵从先进后出 (LIFO) 原则的有序集合:新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端为栈底.在栈里,新元素都靠近栈顶,旧元素都接近栈底. 队列:与上相反,一种遵循先进 ...
- Web高级 JavaScript中的数据结构
复杂度分析 大O复杂度表示法 常见的有O(1), O(n), O(logn), O(nlogn) 时间复杂度除了大O表示法外,还有以下情况 最好情况时间复杂度 最坏情况时间复杂度 平均情况时间复杂度 ...
- 在Object-C中学习数据结构与算法之排序算法
笔者在学习数据结构与算法时,尝试着将排序算法以动画的形式呈现出来更加方便理解记忆,本文配合Demo 在Object-C中学习数据结构与算法之排序算法阅读更佳. 目录 选择排序 冒泡排序 插入排序 快速 ...
- ElasticSearch实战系列三: ElasticSearch的JAVA API使用教程
前言 在上一篇中介绍了ElasticSearch实战系列二: ElasticSearch的DSL语句使用教程---图文详解,本篇文章就来讲解下 ElasticSearch 6.x官方Java API的 ...
- ElasticSearch实战系列五: ElasticSearch的聚合查询基础使用教程之度量(Metric)聚合
Title:ElasticSearch实战系列四: ElasticSearch的聚合查询基础使用教程之度量(Metric)聚合 前言 在上上一篇中介绍了ElasticSearch实战系列三: Elas ...
随机推荐
- 每天一个Linux命令 3
Linux grep命令详解: grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一 ...
- KoaHub.js:使用ES6/7特性开发Node.js框架
KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & ...
- KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架之koahub-body-res
koahub body res Format koa's respond json. Installation $ npm install koahub-body-res Use with koa v ...
- React 入门之路(1)
React React简介 是由Facebook公司推广的一套框架,已经应用instagram等产品 React就是为了提供应用程序性能而设计的一套框架 在angular中,对dom提供了一些指令,让 ...
- java解析上传的excel
file是一个File,是一个excel文件 得到文件流:InputStream in = file.getInputStream() 需要引入的类 import jxl.Cell;import j ...
- C++ 带有指针成员的类处理方式
在一个类中,如果类没有指针成员,一切方便,因为默认合成的析构函数会自动处理所有的内存.但是如果一个类带了指针成员,那么需要我们自己来写一个析构函数来管理内存.在<<c++ primer&g ...
- Thrift序列化与反序列化的实现机制分析
Thrift是如何实现序死化与反序列化的,在IDL文件中,更改IDL文件中的变量序号或者[使用默认序号的情况下,新增变量时,将新增的变量不放在IDL文件的结尾,均会导致Thrift文件的反序列后无法做 ...
- 基于GDAL的遥感影像显示(C#版)
基于GDAL的遥感影像显示(C#版) - 菜菜的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/RSyaoxin/article/details/9220735
- TCP协议之三次握手与四次挥手
TCP协议是TCP/IP体系中核心一个协议,该协议比起IP协议,ICMP协议,UDP协议都更复杂,因此这篇文章主要分析TCP协议在建立连接和断开连接的时候,状态转移以及报文段的内容. 下面,先放一张T ...
- spring-mvc-两个个小例子
1.用Eclipse创建一个工程,命名为spring2.0 并添加相应的jar包(我用的是4.0.5的版本)到 lib 包下: spring-webmvc-4.0.5.RELEASE.jar spri ...