利用JavaScript实现栈的数据结构示例代码

 更新时间:2017年08月02日 11:29:52   作者:Microzz  
栈(stack)又名堆栈,它是一种运算受限的线性表,下面这篇文章主要给大家介绍了关于利用JavaScript实现栈的数据结构的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。

前言

本文主要给大家介绍的是关于JavaScript实现栈的数据结构的相关内容,分享出来供大家参考学习,话不多少,来一起看看详细的介绍:

堆栈(英语:stack),也可直接称栈,在计算机科学中,是一种特殊的串列形式的数据结构,它的特殊之处在于只能允许在链接串列或阵列的一端(称为堆叠顶端指标,英语:top)进行加入数据(push)和输出数据(pop)的运算。另外栈也可以用一维数组或连结串列的形式来完成。 

由于堆叠数据结构只允许在一端进行操作,因而按照后进先出(LIFO, Last In First Out)的原理运作。 – 维基百科

上面是维基百科对栈的解读。下面我们用JavaScript(ES6)代码对栈的数据结构进行实现

实现一个Stack类

/**
* Stack 类
*/
class Stack {
 constructor() {
 this.data = []; // 对数据初始化
 this.top = 0; // 初始化栈顶位置
 }

 // 入栈方法
 push() {
 const args = [...arguments];
 args.forEach(arg => this.data[this.top++] = arg);
 return this.top;
 }

 // 出栈方法
 pop() {
 if (this.top === 0) throw new Error('The stack is already empty!');
 const peek = this.data[--this.top];
 this.data = this.data.slice(0, -1);
 return peek;
 }

 // 返回栈顶元素
 peek() {
 return this.data[this.top - 1];
 }

 // 返回栈内元素个数
 length() {
 return this.top;
 }

 // 清除栈内所有元素
 clear() {
 this.top = 0;
 return this.data = [];
 }

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

// 实例化
const stack = new Stack();

stack.push(1);
stack.push(2, 3);
console.log(stack.data); // [1, 2, 3]
console.log(stack.peek()); // 3
console.log(stack.pop()); // 3, now data is [1, 2]
stack.push(3);
console.log(stack.length()); // 3
stack.clear(); // now data is []

用栈的思想将数字转换为二进制和八进制

/**
 * 将数字转换为二进制和八进制
 */
const numConvert = (num, base) => {
 const stack = new Stack();
 let converted = '';

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

 while(stack.length() > 0) {
 converted += stack.pop(); 
 }

 return +converted;
}

console.log(numConvert(10, 2)); // 1010

用栈的思想判断给定字符串或者数字是否是回文

/**
 * 判断给定字符串或者数字是否是回文
 */
const isPalindrome = words => {
 const stack = new Stack();
 let wordsCopy = '';
 words = words.toString();

 Array.prototype.forEach.call(words, word => stack.push(word));

 while(stack.length() > 0) {
 wordsCopy += stack.pop();
 }

 return words === wordsCopy;
}

console.log(isPalindrome('1a121a1')); // true
console.log(isPalindrome(2121)); // false

上面就是用JavaScript对栈的数据结构的实现,有些算法可能欠妥,但是仅仅是为了演示JS对栈的实现😄

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • JavaScript遍历求解数独问题的主要思路小结

    JavaScript遍历求解数独问题的主要思路小结

    数独游戏非常流行,其规则就是1到9数字填入9*9宫格并要求每一行、每一列、每一个粗线(小型)宫内的数字不重复,对此我们来看一下JavaScript遍历求解数独问题的主要思路小结
    2016-06-06
  • 如何在CocosCreator中利用常驻节点做图层管理

    如何在CocosCreator中利用常驻节点做图层管理

    这篇文章主要介绍了如何在CocosCreator中利用常驻节点做图层管理,这些技巧非常实用,希望同学们看完,回去可以试一下
    2021-04-04
  • 微信小程序自定义多选事件的实现代码

    微信小程序自定义多选事件的实现代码

    本篇文章主要介绍了微信小程序自定义多选事件的实现代码,小程序和vue一样是没法操作dom的,所以要利用数组的下标和自定义属性来进行三元判断,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • JavaScript 中字符串和数组的概念解析与多角度对比区分

    JavaScript 中字符串和数组的概念解析与多角度对比区分

    JavaScript中的字符串和数组是两种重要的数据结构,各有特点和应用场景,字符串主要用于文本处理,是不可变的;数组用于存储有序集合,是可变的,理解它们的区别和应用场景,有助于编写更高效和易维护的代码,感兴趣的朋友跟随小编一起看看吧
    2024-11-11
  • 拥有一个属于自己的javascript表单验证插件

    拥有一个属于自己的javascript表单验证插件

    这篇文章主要帮助大家拥有一个属于自己的javascript表单验证插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 前端微信支付js代码

    前端微信支付js代码

    这篇文章主要为大家详细介绍了前端微信支付js代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • ReactHooks+ts(函数组件)实现原生轮播的示例

    ReactHooks+ts(函数组件)实现原生轮播的示例

    这篇文章主要介绍了ReactHooks+ts函数组件实现原生轮播,在这里下载依赖第一个是js依赖第二个是ts依赖,通过实例代码介绍了创建tsx文件的方法,需要的朋友可以参考下
    2022-05-05
  • JavaScript中获取高度和宽度函数总结

    JavaScript中获取高度和宽度函数总结

    这篇文章主要介绍了JavaScript中获取高度和宽度函数总结,例如获取视窗大小、可见区域宽、可见区域高、获取元素自身大小等,很方便的一个总结,需要的朋友可以参考下
    2014-10-10
  • 你有必要知道的10个JavaScript难点

    你有必要知道的10个JavaScript难点

    10个JavaScript难点,你可能还不知道,不着急,本文为大家一一列出,一一攻破,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 打字效果动画的4种实现方法(超简单)

    打字效果动画的4种实现方法(超简单)

    下面小编就为大家带来一篇打字效果动画的4种实现方法(超简单)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论