1、初识数据结构与算法(栈与队列)

毕业一年半,一事无成,遥想当年还未毕业整体憧憬着毕业以后大展宏图,但是毕业后却不如所愿,如今工作一年多技术不但涨进不多,反而忘了学校的知识。临近新年,我思索良久,我这一生都一直得过且过,小学考试成绩不被父母老师骂就行,中学成绩能考上大学就行,大学不挂科就行,如今工作了有工作饿不死就行。但...如今我不想这样,我不想得过且过了,因此我决定学习。其实毕业后我一直很迷茫,因为工作比较简单,都是写写页面,所以我一直找不到学习的方向,想学的东西很多,但是不知道从何学起,如今我虽然也还迷茫,但我不会停滞不前了,在这个全互联网都说"前端已死"的大潮中,我就从数据结构与算法开始学习与分享吧。

什么时数据结构与算法

什么是数据结构

民间定义:

"数据结构是数据对象,以及存在于该对象的实例和 组成实例的数据元素之间的各种联系。这些联系可以通过定义相关的函数来给出。" --- 《数据结构、算法与应用》"

数据结构是ADT( 抽象数据类型 Abstract Data Type)的物理实现。"---《数据结构与算法分析》

数据结构( data structure )是计算机中存储、组织数据的方式。通常情况下,精心选择的数据结构可以带来最优效率的算法。---中文维基百科

从个人的角度来数据结构:

口数据结构就是在计算机中存储和组织数据的方式

什么是算法

算法的定义:

一个有限指令集,每条指令的描述不依赖于语言

接受一些输入( 有些情况下不需要输入)

产生输出

一定在有限步骤之后终止

算法通俗的理解:

解决问题的方法、步骤

栈结构(Stack)

是比较常见的受限的线性结构 ,栈的特点为先进后出,后进先出

栈常见的操作:

  • push(element):添加一个新元素到栈顶位置;
  • pop():移除栈顶的元素,同时返回被移除的元素;
  • peek():返回栈顶的元素,不对栈做任何修改(该方法不会移除栈顶的元素,仅仅返回它);
  • isEmpty():如果栈里没有任何元素就返回true,否则返回false;
  • size():返回栈里的元素个数。这个方法和数组的length属性类似;
  • toString():将栈结构的内容以字符串的形式返回。

基于数组实现栈以及通过栈实现十进制转二进制

typescript 复制代码
// 基于数组实现栈

class Stack{
    item = []
    constructor(){
        this.item = []
    }

    //添加一个新元素到栈顶位置
    push(element: any){
        this.item.push(element)
    }
    //移除栈顶的元素,同时返回被移除的元素;
    pop(){
        return this.item.pop()
    }
    //查看一下栈顶元素
    peek(){
        return this.item[this.item.length - 1]
    }
    //isEmpty():判断栈是否为空
    isEmpty(){
        return this.item.length === 0
    }
    //获取栈中元素的个数
    size(){
        return this.item.length
    }
    //以字符串形式输出栈内数据
    toString(){
        let str = ''
        for(let i of this.item){
            str +=  i + ''
        }
        return str
    }
}

let  stack = new Stack()
stack.push(23)
stack.push(140)
stack.push(109)
stack.push(77)
console.log(stack)													

console.log(stack.pop())
console.log(stack.pop())
console.log(stack.peek())
console.log(stack.isEmpty())
console.log(stack.size())
console.log(stack.toString())

// 利用栈将十进制转二进制
function dec2bin(num: number){
    const stack2 = new Stack()

    while(num > 0){
        stack2.push(num % 2)
        num = Math.floor(num / 2)
    }

    // return stack2
    let str = ''
    while(stack2.item.length !== 0){
        str += stack2.pop() + ''
    }
    return  str
}

console.log(dec2bin(100),'---')

队列结构(Queue)

队列和栈一样是一种受限的线性表,不同的是队列的特点为先进先出FIFO:first in first out)。

队列的常见操作:

  • enqueue(element):向队列尾部添加一个(或多个)新的项;
  • dequeue():移除队列的第一(即排在队列最前面的)项,并返回被移除的元素;
  • front():返回队列中的第一个元素------最先被添加,也将是最先被移除的元素。队列不做任何变动(不移除元素,只返回元素信息与Stack类的peek方法非常类似);
  • isEmpty():如果队列中不包含任何元素,返回true,否则返回false;
  • size():返回队列包含的元素个数,与数组的length属性类似;
  • toString():将队列中的内容,转成字符串形式;

队列的封装

typescript 复制代码
class Queue{
    item = []
    constructor(){
        this.item = []
    }

    //向队列尾部添加新的项;
    enqueue(element:any){
        this.item.push(element)
    }

    //移除队列的第一(即排在队列最前面的)项,并返回被移除的元素;
    dequeue(){
        return this.item.shift()
    }
    // 返回队列中的第一个元素------最先被添加,也将是最先被移除的元素。
    front(){
        return this.item[0]
    }
    // 如果队列中不包含任何元素,返回true,否则返回false;
    isEmpty(){
        return this.item.length === 0
    }
    // 返回队列包含的元素个数,与数组的length属性类似;
    size(){
        return this.item.length
    }
    // 将队列中的内容,转成字符串形式;
    toString(){
        let str = ''
        for(let i of this.item){
            str +=  i + ''
        }
        return str
    }
}

// 创建队列
let queue = new Queue()
// 将元素加入到队列中
queue.enqueue('aa')
queue.enqueue('bb')
queue.enqueue('cc')
queue.enqueue('dd')
console.log(queue);												
// 从队列中删除元素
queue.dequeue()
console.log(queue);																							
//front
console.log(queue.front());								 		
// 验证其他方法
console.log(queue.isEmpty());								 	
console.log(queue.size());								 		
console.log(queue.toString());	

队列常见的算法

scss 复制代码
//击鼓传花
function payGame(numList:any, num:number){
    let queue2 = new Queue()

    for(let i of numList){
        queue.enqueue(i)
    }

    while(queue.size() > 1){
        // 不是num的时候,重新加入队列末尾
        // 是num的时候,将其从队列中删除
        // num数字之前的人重新放入队列的末尾(把队列前面删除的加到队列最后)
        for(let i = 0; i < num - 1; i++){
            queue.enqueue(queue.dequeue())
        }

        queue.dequeue()
    }

    return queue.front()
}
const names = ['zhangsan', 'lisi', 'wangwu', 'zhaoliu', 'lihua']
console.log(payGame(names, 3),'====');

优先级队列

什么是优先级队列

队列是一种先进先出(First in First out,FIFO)的数据类型。每次元素的入队都只能添加到队列尾部,出队时从队列头部开始出。

优先级队列(priority_queue)其实,不满足先进先出的条件,更像是数据类型中的"堆"。优先级队列每次出队的元素是队列中优先级最高的那个元素,而不是队首的元素。这个优先级可以通过元素的大小等进行定义。比如定义元素越大优先级越高,那么每次出队,都是将当前队列中最大的那个元素出队。

kotlin 复制代码
//优先级队列代码封装
class QueueElement{
    item = []
    constructor(){
        this.item = []
    }
    //向队列尾部添加新的项;
    enqueue(element,priority){
       
        if(this.item.length == 0){
            this.item.push({element:element,priority:priority})
        }else{
            // 定义一个变量记录是否成功添加了新元素
            let added = false
            let index = 0
            for(const i of this.item){
            // 让新插入的元素与原有元素进行优先级比较(priority越小,优先级越大)
                if(priority < i.priority){
                    this.item.splice(index, 0, {element:element,priority:priority})
                    added = true
                    // 新元素已经找到插入位置了可以使用break停止循环
                    break
                }
                index = index + 1
            }
            // 新元素没有成功插入,就把它放在队列的最前面
            if(!added){
                this.item.push({element:element,priority:priority})
            }
        }
    }

    //移除队列的第一(即排在队列最前面的)项,并返回被移除的元素;
    dequeue(){
        return this.item.shift()
    }
    // 返回队列中的第一个元素------最先被添加,也将是最先被移除的元素。
    front(){
        return this.item[0]
    }
    // 如果队列中不包含任何元素,返回true,否则返回false;
    isEmpty(){
        return this.item.length === 0
    }
    // 返回队列包含的元素个数,与数组的length属性类似;
    size(){
        return this.item.length
    }
    // 将队列中的内容,转成字符串形式;
    toString(){
        let str = ''
        for(let i of this.item){
            str +=  i + ''
        }
        return str
    }
}

// 创建队列
const queueElement = new QueueElement()
// 将元素加入到队列中
queueElement.enqueue('aa',11)
queueElement.enqueue('bb',22)
queueElement.enqueue('rr',55)
queueElement.enqueue('yy',77)
queueElement.enqueue('cc',33)
queueElement.enqueue('dd',44)
console.log(queueElement,'=========');												
相关推荐
cy玩具16 分钟前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161771 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test1 小时前
js下载excel示例demo
前端·javascript·excel
Yaml42 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事2 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶2 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json
getaxiosluo2 小时前
react jsx基本语法,脚手架,父子传参,refs等详解
前端·vue.js·react.js·前端框架·hook·jsx
理想不理想v2 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
知孤云出岫2 小时前
web 渗透学习指南——初学者防入狱篇
前端·网络安全·渗透·web
贩卖纯净水.2 小时前
Chrome调试工具(查看CSS属性)
前端·chrome