使用js实现单链解决前端队列问题的方法
更新时间:2020年02月03日 10:24:04 作者:starkwang
这篇文章主要介绍了使用js实现单链解决前端队列问题的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
使用场景
- 比如前端需要处理什么队列一类的业务
- 比如有人下单,需要弹出什么弹窗
首先先声明一个类
接收一个 数组对象:items
class ChainQueue { constructor(items) { this.items = items || [] this.maxNum = 200 } }
为队列添加数组队列
// 添加数组队列 entryArrQueue(node) { Array.isArray(node) node.map(item => this.items.push(item)) }
为当前队列添加单个对象
// 添加队列 entryQueue(node) { if (this.items.length > this.maxNum) { return } if (Array.isArray(node)) { node.map(item => this.items.push(item)) } else { this.items.push(node) } }
删除队列,返回删除的当前的项目
deleteQueue(func = () => {}) { assert(isFunc(func), `${func} is not function`) func(this.items.shift()) }
返回队列的第一个
front() { return this.items[0] }
清除队列
clear() { this.items = [] }
所有代码
const isFunc = v => typeof v === 'function' const assert = (condition, msg) => { if (!condition) throw new Error(`[dashboard]${msg}`) } class ChainQueue { constructor(items) { this.items = items || [] this.maxNum = 200 } // 添加数组队列 entryArrQueue(node) { Array.isArray(node) node.map(item => this.items.push(item)) } // 添加队列 entryQueue(node) { if (this.items.length > this.maxNum) { return } if (Array.isArray(node)) { node.map(item => this.items.push(item)) } else { this.items.push(node) } } // 删除队列,返回删除的当前的项目 deleteQueue(func = () => {}) { assert(isFunc(func), `${func} is not function`) func(this.items.shift()) } // 返回队列的第一个 front() { return this.items[0] } // 清除队列 clear() { this.items = [] } get size() { return this.items.length } get isEmpty() { return !this.items.length } print() { console.log(this.items.toString()) console.log(this.items) } result() { return this.items } } module.exports = ChainQueue // export default ChainQueue // export default (ChainQueue = new ChainQueue())
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Javascript实现hashcode函数实现对象比较与原理说明
在JavaScript中,数值的比较是比较简单的,使用相等(==)和全等(===)符号基本上可以解决大多数非对象的比较。但是相等(==)和全等(===)符号在对象 object 的比较上,就不能满足所有的要求了2023-06-06键盘上一张下一张兼容IE/google/firefox等浏览器
键盘上一张下一张的效果想必大家都有见到过吧,本文为大家介绍的这个兼容IE,google,firefox等主流浏览器2014-01-01
最新评论