IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 数据结构与算法 -> JavaScript数据结构- 栈Stack -> 正文阅读

[数据结构与算法]JavaScript数据结构- 栈Stack

?通过学习《数据结构与算法JAVASCRIPT描述》和《学习JAVASCRIPT数据结构与算法》两本书籍整理的笔记,前者知识浅一点,后者结合ES6新技术;两本书同时看起来既能学习底层知识,又能了解更多ES6高级语法.

Stack —— 栈

1.1 —— Stack的简述

栈是一种遵从后进先出 原则的有序集合;( LIFO : last of first out)

新添加或待删除的元素都保存在栈的同一端,称为栈顶 ,另一端称为栈底

对栈的两种主要操作是压栈push,弹栈pop,对栈内元素的添加和删除操作

1.2 ——Stack的方法

push(element): 压栈,添加新元素到栈顶;

pop(): 弹栈,移除栈顶的元素,并返回被移除的元素;

peek(): 查栈顶,返回栈顶的元素;

isEmpty(): 判断栈,栈内有元素返回true,栈空返回false;

clear(): 清空栈,移除栈内所有元素;

size(): 检索栈,返回栈内元素的个数;

1.3 —— Stack的实现

  • 使用数组实现栈

function Stack() {
 ? ?this.dataStore = []; //创建一个存放元素的栈
 ? ?this.count = 0; //记录栈的大小
};
  • push(element) 压栈:

a. 数组的索引总是从0开始的,而定义栈的长度是从1开始的,所以在count的位置就能添加新元素(count = dataStore.index + 1);[ index表示数组的索引值 ]

b. 添加元素后,栈的长度要加1;

push(element) {
 ? ?this.dataStore[this.count] = element;
 ? ?this.count++;
};
//简化写法: 先在count为位置添加元素;count的值再加1,指向下一个位置;
this.dataStore[this.count++] = element;
  • pop() 弹栈

a. 先判断栈是否为空,栈内没元素则不能进行删除操作,直接返回出去;

b. 栈不为空,先将count的值减1,使count的值等于数组的索引,就能通过count的值拿到数组最后一个元素;

c. 此时 count = dataStore.length,count指向的就是栈顶的元素;

d. 根据count值删除对应的元素;并返回删除的元素;

e. 此时 count = dataStore.index + 1; [ index表示数组的索引值 ]

pop() {
 ? ?if (this.count == 0) {
 ? ? ? ?return "栈空,不能删除元素";
 ?  };
 ? ?this.count--;
 ? ?let element = this.dataStore[this.count];
 ? ?delete this.dataStore[this.count];
 ? ?return element;
};
//简化写法:count的值先减1,再删除对应的元素,并返回该元素
return this.dataStore[--this.count];
  • peek() 查栈顶

a. 先判断栈是否为空,栈为空返回undefined;不为空继续操作;

b. count的值等于数组索引值加1; 所以先将count减1后,再但会该count值对应的元素

c. count = dataStore.index + 1;

peek() {
 ? ?if (this.count == 0) {
 ? ? ? ?return undefined;
 ?  }
 ? ?return this.dataStore[this.count-1];
}
  • isEmpty() 判断栈

a. 判断栈是否为空,仅需判断栈的大小是否为0;如果为0,则返回true;

isEmpty() {
 ? ?return this.count === 0;
}
  • clear() 清空栈

a. 清空栈仅需重置栈的元素,重置栈的大小;

clear() {
 ? ?this.count = 0;
 ? ?this.dataStore = [];
}
  • size() 检索栈

a. 检索栈内有多少元素,仅需返回dataStore的长度,或count的大小;

size() {
 ? ?return this.count;
};
//或者返回数组的长度 
return this.dataStore.length;

1.3 Stack的封装

class Stack {
    constructor() {
        this.dataStore = [];
        this.count = 0;
    };

    // === 1.1: push() 压栈 === >
    push(element) {
        this.dataStore[this.count] = element;
        this.count++;
    };
    // === 1.2: pop() 弹栈 === >
    pop() {
        if (this.count == 0) {
            return "栈空,不能删除元素";
        };
        this.count--;
        let element = this.dataStore[this.count];
        delete this.dataStore[this.count];
        return element;
    };
    // === 1.3: peek() 查栈顶 === >
    peek() {
        if (this.count == 0) {
            return undefined;
        };
        return this.dataStore[this.count-1];
    };
    // === 1.4: isEmpty() 判断栈 ===>
    isEmpty() {
        return this.count === 0;
    };
    // === 1.5: clear() 清空栈 ===>
    clear() {
        this.count = 0;
        this.dataStore = [];
    };
    // === 1.6: size() 检索栈 ===>
    size() {
        return this.count;
    };
};

// === 测试 ===>
const stack = new Stack();  
stack.push('law');
stack.push('dan');
console.log("压栈", stack); //{ dataStore: ["law", "dan"], count: 2 }
stack.pop();
console.log("弹栈", stack); // { dataStore: ["law"], count: 1 }
console.log("查栈顶", stack.peek()); //law
console.log("判断栈", stack.isEmpty()); //false
stack.clear();
console.log("清空栈", stack); //{ dataStore: [], count: 0 }
stack.size();
console.log("检索栈", stack.size()); //0

1.4 Stack的使用——十进制数转换

算法:

a. 最高位为 n % b,将此余数为压入栈;

b. 使用 n / b 代替n;

c. 循环操作,直到 n = 0,且没有余数;

d. 将栈内元素弹出,直到栈空,将弹出的数依次传到result中,返回最后的result;

/*
  mulbase接收两个参数: num需要转换的数字,base要转换的进制数;
  js不会区分整数和浮点数,使用Math.floor函数仅返回除法运算结果的整数部分;
  / 除法运算符,% 取模运算符
*/
function mulBase(num, base) {
    let stack = new Stack();
    do {
        stack.push(num % base);
        num = Math.floor(num /= base);
    } while (num > 0);
    let result = "";  //创建一个字符串用来保存结果
    while (!stack.isEmpty()) {
        result += stack.pop();
    };
    return result;
};
const test = mulBase(32, 2);
console.log(test); //100000

  数据结构与算法 最新文章
【力扣106】 从中序与后续遍历序列构造二叉
leetcode 322 零钱兑换
哈希的应用:海量数据处理
动态规划|最短Hamilton路径
华为机试_HJ41 称砝码【中等】【menset】【
【C与数据结构】——寒假提高每日练习Day1
基础算法——堆排序
2023王道数据结构线性表--单链表课后习题部
LeetCode 之 反转链表的一部分
【题解】lintcode必刷50题<有效的括号序列
上一篇文章      下一篇文章      查看所有文章
加:2021-12-14 16:12:59  更:2021-12-14 16:15:16 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 16:57:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码