js数据结构与算法：队列_dequeue()

队列的长度（count）。

关于设计所需要的数据结构就用对象来实现模拟队列吧。

声明类：

 class Queue{
   constructor(){
       //标记队列的长度
       this.count=0
       this.items={}
        //标记第一个元素
       this.lowestCount=0
     }
 }

声明enqueue方法

enqueue(element){
     this.items[this.count]=element
     this.count++
}

首先我们知道，向队列插入元素必须插入在最后的位置。

所以我们在插入的时候，只要得到队列的长度，就可以在

队尾插入元素，将插入的元素赋值给this.items[this.count]

---

2.2 dequeue（向队列删除元素）

dequeue()用于移除队列的第一项，并返回第一项元素的值

我们可以先判断这个队列是否为空，取出第一个元素。

然后删除第一项，队列的长度减一。标记第一个元素

lowestCount加一。就很好的解决了删除元素的方法设计

 dequeue(){
  if(this.isEmpty()){
         return undefined
         }
    const result=this.items[this.lowestCount]
    delete this.items[this.lowestCount]
    this.lowestCount++
     return result
  }

如果队列为空，那么我们就返回undefinded。

将第一项的元素赋值给result，此时，删除第一项

然后将标记第一个元素的值加一

最后返回结果就完成了这个方法的设计

---

2.3  peek （查看队列头元素）

peek()用于返回队列的第一个元素。由于队列的特性

最先添加的，最先删除。。这个方法只返回第一个元素

并不会改变队列的结构。

peek(){
   if(this.isEmpty()){
        return undefined
         }
   return this.items[this.lowestCount]
  }

首先判断队列是否为空。为空则返回undefinded

如果不是则返回标记第一项元素的值

---

2.4 size和isEmpty（队列长度与是否为空）

size和isEmpty用于放回队列的长度，以及判断队列是否为空

关于这个方法的源码设计就比较简单了吧。

就是返回this.count-this.lowestCount的值以及返回this.count-this.lowestCount=0是否

为真。就完成了源码设计了

size(){
     return this.count-this.lowestCount
         }
 isEmpty(){
      return this.count-this.lowestCount===0
        }

---

2.5 clear（清空队列）

clear（）用于清空队列的元素。实现起来

也比较简单，就是将存储的对象设置为空

this.count以及this.lowestCount设置为0就行了

 clear(){
    this.count=0
    this.items={}
    this.lowestCount=0
 }

---

2.6 toString(创建 toString方法）

toString（）是我们添加的方法，就是将队列

一字符串的形式输出。那么怎么实现。

我们可以从第一项迭代添加字符的方法。

  toString(){
     if(this.isEmpty()){
           return undefined
             }
     let objString=`${this.items[this.lowestCount]}`
     for(let i=this.lowestCount+1;i<this.count;i++){
      objString=`${objString},${this.items[i]}`
        }
        return objString
}

---

3.使用队列并总结

---

3.1使用队列

接下来就是使用那几个方法了，我们先看一下全部代码

 class Queue{
     constructor(){
         this.count=0
         this.items={}
         this.lowestCount=0
            }
     enqueue(element){}
     dequeue(){}
     peek(){}
     size(){ }
     isEmpty(){}
     clear(){ }
      toString(){}
  }

代码太多，完整代码，将前面的学完，在加上就行了

---

使用类Queue:

 const queue=new Queue()

 console.log(queue.isEmpty())

 queue.enqueue("john") 
 queue.enqueue("tom") 

 console.log(queue.toString())



![img](https://img-blog.csdnimg.cn/img_convert/3127c21d624e46d4d69ac2fe84add4ed.png)
![img](https://img-blog.csdnimg.cn/img_convert/e91564367d33568c108e2f374a69f9ae.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**



[外链图片转存中...(img-NMySSOw9-1714156466830)]
[外链图片转存中...(img-pGopzTXI-1714156466830)]

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**