javascript编程实现栈的方法详解【经典数据结构】
发布时间 - 2026-01-11 00:36:32 点击率:次本文实例讲述了javascript编程实现栈的方法。分享给大家供大家参考,具体如下:

栈是限定仅在表尾进行插入或删除操作的线性表,栈是先进后出的。栈的表尾称为栈顶(top),而表头端称为栈底(bottom)。
和线性表类似,栈也有两种存储表示方法,顺序栈和链栈。
这里讲一下顺序栈,设置指针top指示栈顶元素在顺序栈中的位置。通常的做法就是以top=0表示空栈。base为栈底指针,top为栈顶指针。
如果base为null,则表示栈结构不存在,如果top=base则表示空栈。每当插入一个新的元素,top+1,删除元素,top-1。因此,非空栈中top始终在栈顶元素的下一位置上。
如下图所示
JavaScript中自带了数组的push和pop方法,其原理无非就是数组最后继续添加和删除数组最后一个元素。这里我们自己实现一遍栈的操作,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS栈</title>
</head>
<body>
<script type="text/javascript">
function Stack(count){
var top=-1;//top头指针
this.myArray=new Array();
if(count!=undefined){
this.count=count;
this.myArray=new Array(this.count);
}else{
this.count=0;
}
//入栈
this.In=function(value){
if(top==this.count){
return false;
}else{
++top;
this.myArray[top]=value;
return true;
}
return false;
}
//出栈
this.Out=function(){
if(top==-1){
return false;
}else{
var removeValue=this.myArray[top];
this.myArray[top]=null;
top--;
return removeValue;
}
}
this.Clear=function(){
this.top=-1;
}
//遍历栈
this.tostring=function(){
for(var i=0;i<this.myArray.length;i++){
document.write(this.myArray[i]+'<br>');
}
}
}
Stack(3);
In(1);
In(2);
In(3);
tostring();//1 2 3
Out();
Out();
tostring();//1 null null
In(4);
tostring();//1 4 null
</script>
</body>
</html>
首先需要定义头指针
function Stack(count){
var top=-1;//top头指针
this.myArray=new Array();
if(count!=undefined){
this.count=count;
this.myArray=new Array(this.count);
}else{
this.count=0;
}
然后是入栈操作
//入栈
this.In=function(value){
if(top==this.count){
return false;
}else{
++top;
this.myArray[top]=value;
return true;
}
return false;
}
和出栈操作
//出栈
this.Out=function(){
if(top==-1){
return false;
}else{
var removeValue=this.myArray[top];
this.myArray[top]=null;
top--;
return removeValue;
}
}
链栈的操作和链表类似,这里就不做详细介绍了。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
# javascript
# 栈
# 数据结构
# JavaScript中数据结构与算法(一):栈
# JavaScript数组实现数据结构中的队列与堆栈
# JavaScript数据结构与算法之栈详解
# JavaScript数据结构中栈的应用之表达式求值问题详解
# 利用JavaScript实现栈的数据结构示例代码
# JavaScript数据结构与算法之栈与队列
# JavaScript数据结构学习之数组、栈与队列
# javascript数据结构中栈的应用之符号平衡问题
# JS中数据结构之栈
# JavaScript数据结构之栈实例用法
# JS中的算法与数据结构之栈(Stack)实例详解
# 遍历
# 也有
# 相关内容
# 两种
# 线性表
# 感兴趣
# 一遍
# 下一
# 给大家
# 不存在
# 详细介绍
# 不做
# 或删除
# 所示
# 带了
# 更多关于
# 所述
# 程序设计
# 如下图
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel如何配置任务调度?(Cron Job示例)
Python3.6正式版新特性预览
高端网站建设与定制开发一站式解决方案 中企动力
如何在万网自助建站平台快速创建网站?
Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程
Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议
Laravel如何使用Eloquent进行子查询
高端建站如何打造兼具美学与转化的品牌官网?
Laravel如何处理异常和错误?(Handler示例)
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
b2c电商网站制作流程,b2c水平综合的电商平台?
浅析上传头像示例及其注意事项
Laravel怎么实现支付功能_Laravel集成支付宝微信支付
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
Win11怎么设置默认图片查看器_Windows11照片应用关联设置
Angular 表单中正确绑定输入值以确保提交与验证正常工作
Laravel如何实现密码重置功能_Laravel密码找回与重置流程
佛山企业网站制作公司有哪些,沟通100网上服务官网?
Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】
如何用腾讯建站主机快速创建免费网站?
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
JavaScript数据类型有哪些_如何准确判断一个变量的类型
Laravel如何配置和使用缓存?(Redis代码示例)
Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】
三星网站视频制作教程下载,三星w23网页如何全屏?
桂林网站制作公司有哪些,桂林马拉松怎么报名?
如何快速搭建高效服务器建站系统?
湖南网站制作公司,湖南上善若水科技有限公司做什么的?
Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】
Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区
php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】
Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)
html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】
Bootstrap整体框架之CSS12栅格系统
公司门户网站制作流程,华为官网怎么做?
javascript中对象的定义、使用以及对象和原型链操作小结
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Laravel PHP版本要求一览_Laravel各版本环境要求对照
如何快速搭建高效WAP手机网站吸引移动用户?
进行网站优化必须要坚持的四大原则
php做exe能调用系统命令吗_执行cmd指令实现方式【详解】
Laravel如何实现API速率限制?(Rate Limiting教程)
edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?
如何在景安云服务器上绑定域名并配置虚拟主机?
Laravel如何使用withoutEvents方法临时禁用模型事件
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
如何快速搭建虚拟主机网站?新手必看指南
如何在七牛云存储上搭建网站并设置自定义域名?
晋江文学城电脑版官网 晋江文学城网页版直接进入

