JS使用数组实现的队列功能示例
更新时间:2019年03月04日 14:09:40 作者:白杨-M
这篇文章主要介绍了JS使用数组实现的队列功能,结合实例形式分析了javascript基于数组的队列定义、元素添加、读取等相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS使用数组实现的队列功能。分享给大家供大家参考,具体如下:
/*一个用数组实现的队列*/ function Queue(){ this.dataStore = [];//存放队列的数组,初始化为空 this.enqueue = enqueue;//向队列尾部添加一个元素 this.dequeue = dequeue;//删除队首的元素 this.theFront = theFront;//读取队首的元素 this.back = back;//对取队尾的元素 this.toStrings = toStrings;//显示队列内的所有元素 this.empty = empty;//判断队列是否为空 } function enqueue(element){ this.dataStore.push(element); } function dequeue(){ this.dataStore.shift(); } function theFront(){ return this.dataStore[0]; } function back(){ return this.dataStore[this.dataStore.length-1]; } function toStrings(){ return this.dataStore; } function empty(){ if(this.dataStore.length == 0){ return true; }else{ return false; } } /*测试程序*/ var q = new Queue(); q.enqueue("aa"); q.enqueue("bb"); q.enqueue("cc"); console.log(q.toStrings());//[ 'aa', 'bb', 'cc' ] q.dequeue(); console.log(q.toStrings());//[ 'bb', 'cc' ] console.log(q.theFront());//bb console.log(q.back());//cc
这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
用javascript修复浏览器中头痛问题的方法整理篇[译]
我们提倡无论何时都尽可能地使用CSS,这样我们更容易取得成功.现在浏览器对CSS的支持已经非常好,肯定足以让你用来控制你的网页布局与排版.但,即使如此,还是有某些页面元素会在不同的浏览器下表现也不一样.2008-11-11JavaScript+Canvas创建一个独特的字符画生成器
这篇文章主要介绍了如何使用 Canvas 和 JavaScript 创建一个独特的字符画生成器,通过此生成器,我们可以将图片转换为由字符构成的作品,感兴趣的可以了解下2024-01-01
最新评论