【前端算法】链表和数组实现队列的区别

简介: 比较链表和数组实现队列的性能

链表和数组,哪个实现队列更快?

  • 数组是连续存储,push很快,shift很慢
  • 链表是非连续存储,add和delete都很快(但查找很慢)
  • 结论:链表实现队列更快

链表实现队列

  • 单向链表,但要同时记录head和tail
  • 要从tail入队,从head出队,否则出队时tail不好单位
  • length要实时记录,不可遍历链表获取

代码实现

interface ILinkNode {
  value: number
  next: ILinkNode | null
}

class Myqueue {
  private len:number = 0
  private head:ILinkNode | null = null
  private tail:ILinkNode | null = null

  /**
   * 入队,在tail位置
   */
  add(n:number) {

    const linkNode: ILinkNode = {
      value: n,
      next: null
    }

    // 处理head,如果head是null,说明当前队列是个空的
    if (this.head == null) {
      this.head = linkNode
    } 

    // 处理tail
    const tailNode:ILinkNode | null = this.tail

    if (tailNode) {
      tailNode.next = linkNode
    }

    // 将新的节点,作为队尾部
    this.tail = linkNode

    // 记录长度+1
    this.len++;
  }

  /**
   * 出队,在head位置
   */
  delete(): number | null {

    // 获取当前head,如果是null,说明是个空队列,返回null
    const headNode: ILinkNode | null= this.head
    if (headNode == null) return null;
    if (this.len <= 0) return null;

    // 当不是空队列时,取值
    const value:number = headNode.value

    // 处理head,让head指针指向下一个元素, 当前被删除的节点由js的gc处理
    this.head = headNode.next

    // 记录长度-1
    this.len--;

    return value
  }

  get length():number {
    // length要单独获取,不能遍历链表获取(否则时间复杂度太高O(n))
    return this.len;
  }
}

功能测试

const q = new Myqueue()
q.add(100)
q.add(200)
q.add(300)
console.log(q.length) // 3
console.log(q.delete()) // 100
console.log(q.length) // 2
console.log(q.delete()) // 200
console.log(q.length) // 1
console.log(q.delete()) // 300
console.log(q.length) // 0

单元测试

describe('链表实现队列', () => {
    it('add And length',() => {
        const q = new Myqueue()
        expect(q.length).toBe(0)
        
        q.add(100)
        q.add(200)
        q.add(300)
        expect(q.length).toBe(3)
    })
    
    it('delete',() => {
        const q = new Myqueue()
        expect(q.delete()).toBeNull()
        
        q.add(100)
        q.add(200)
        q.add(300)
        expect(q.delete()).toBe(100)
        wxpect(q.delete()).toBe(200)
        wxpect(q.delete()).toBe(300)
        wxpect(q.delete()).toBeNull()
    })
})

性能测试

// 这是链表实现的队列
const q = new Myqueue();
console.time('link with queue');
for (let i = 0; i < 10 * 10000; i++) {
  q.add(i);
}
for (let i = 0; i < 10 * 10000; i++) {
  q.delete();
}
console.timeEnd('link with queue');

// 这个是由之前2个栈实现的队列
const q1 = new MyQueue1();
console.time('stack with queue');
for (let i = 0; i < 10 * 10000; i++) {
  q1.add(i);
}
for (let i = 0; i < 10 * 10000; i++) {
  q1.delete();
}
console.timeEnd('stack with queue');

// 这个是纯数组操作
const arr = [];
console.time('link with array');
for (let i = 0; i < 10 * 10000; i++) {
  arr.push(i);
}
for (let i = 0; i < 10 * 10000; i++) {
  arr.shift();
}
console.timeEnd('link with array');

打印结果:

link with queue: 14.319ms
stack with queue: 35.966s
link with array: 9.087s

由此可见在20万数据循环操作下,链表实现的队列最快,是栈队列的2572倍,是数组的643倍。这个数值具体看设备算力,这里只做参考。

性能分析

  • 空间复杂度都是O(n)
  • add时间复杂度:链表O(1), 数组O(1)
  • delete时间复杂度:链表O(1),数组O(n)

总结:

  • 数据结构的选择,要比算法优化更重要
  • 要有时间复杂度的敏感性,如length不能遍历查找
相关文章
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1157 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
算法
Leetcode 初级算法 --- 数组篇
Leetcode 初级算法 --- 数组篇
259 0
|
前端开发 UED 开发者
颠覆你的前端知识:防抖与节流的区别及实战解析!
【8月更文挑战第23天】在Web前端开发中,处理用户界面交互产生的事件可能会影响性能。为此,我们有两种优化方法:防抖(debounce)和节流(throttle)。防抖确保函数仅在事件停止触发一段时间后执行一次,适用于如搜索自动补全场景。而节流则确保函数按固定时间间隔执行,不管用户操作频率如何。本篇技术博客将深入解析两者差异并提供示例代码,帮助开发者更好地理解和应用这些技巧以提升应用性能和用户体验。
736 0
|
存储 人工智能 算法
C 408—《数据结构》算法题基础篇—数组(通俗易懂)
408考研——《数据结构》算法题基础篇之数组。(408算法题的入门)
1056 23
|
存储 监控 算法
关于员工上网监控系统中 PHP 关联数组算法的学术解析
在当代企业管理中,员工上网监控系统是维护信息安全和提升工作效率的关键工具。PHP 中的关联数组凭借其灵活的键值对存储方式,在记录员工网络活动、管理访问规则及分析上网行为等方面发挥重要作用。通过关联数组,系统能高效记录每位员工的上网历史,设定网站访问权限,并统计不同类型的网站访问频率,帮助企业洞察员工上网模式,发现潜在问题并采取相应管理措施,从而保障信息安全和提高工作效率。
279 7
|
算法 程序员 索引
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
栈的基本概念、应用场景以及如何使用数组和单链表模拟栈,并展示了如何利用栈和中缀表达式实现一个综合计算器。
426 1
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
|
算法 前端开发 机器人
一文了解分而治之和动态规则算法在前端中的应用
该文章详细介绍了分而治之策略和动态规划算法在前端开发中的应用,并通过具体的例子和LeetCode题目解析来说明这两种算法的特点及使用场景。
一文了解分而治之和动态规则算法在前端中的应用
|
存储 算法 定位技术
数据结构与算法学习二、稀疏数组与队列,数组模拟队列,模拟环形队列
这篇文章主要介绍了稀疏数组和队列的概念、应用实例以及如何使用数组模拟队列和环形队列的实现方法。
290 0
数据结构与算法学习二、稀疏数组与队列,数组模拟队列,模拟环形队列
|
算法 前端开发
一文了解贪心算法和回溯算法在前端中的应用
该文章深入讲解了贪心算法与回溯算法的原理及其在前端开发中的具体应用,并通过分析LeetCode题目来展示这两种算法的解题思路与实现方法。