成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

結合React源碼,五分鐘帶你掌握優先隊列

開發 前端
最近寫一個需求用到了優先隊列和二叉堆的相關知識,借此機會梳理了一些二叉堆的相關知識分享給大家。

最近寫一個需求用到了優先隊列和二叉堆的相關知識,借此機會梳理了一些二叉堆的相關知識分享給大家。

什么是優先隊列

  • 優先隊列是數據結構中的基礎概念,與隊列先進先出(FIFO)的出隊順序不同的是 ,它的出隊順序與元素的優先級相關。
  • 例如 React 的時間分片(React Fiber),它將渲染任務分了優先級,出隊的順序與任務的“重要程度”存在關系,那么滿足這種情況的數據結構就是 優先隊列 。

優先隊列的操作

  • 插入:在優先隊列中插入元素,并使隊列“有序”
  • 刪除最大/最小值:刪除并返回最大/最小的元素,并使隊列“有序”
  • 查找最大/最小關鍵字:查找最大/最小的值

優先隊列的實現比較

 

優先隊列可以由以上多種方式實現,而優先隊列的主要操作是插入和刪除,其中二叉搜索樹和二叉堆這兩項操作的時間復雜度均為 logn ,但二叉樹在多次刪除之后容易導致樹的傾斜,同時查找成本也高于二叉堆,所以最終二叉堆是比較符合實現優先隊列的數據結構。

二叉堆

在二叉堆中數組中,要保證每個元素都小于(大于)或等于另外兩個特定位置的元素。例如下圖的樹中,父節點總是小于或等于子節點。

對于二叉堆有如下性質:

  • 節點 k 的父節點下標為 k / 2(向下取整)
  • 已某節點為根節點的子樹,該節點是這顆樹的極值

二叉堆的操作

插入

二叉堆的插入非常簡單,只需要在二叉堆的最后添加要插入的內容,并將其“上浮”到正確位置。

嘗試在上面的二叉堆中插入新元素 9,過程如下:

在尾部插入元素 9,與父節點進行對比,有序性被破壞,與父元素替換位置。

替換成功后,繼續上一輪操作,與父節點進行對比,仍然無法滿足有序性,繼續調換位置。

再次替換后符合。

程序框架

 

  1. function push { 
  2.   * 在堆尾部添加元素 
  3.   * 執行上浮循環 
  4.     * 與父元素對比大小,將較大的放在父節點位置 
  5.  
  6.   return minItem 

實現

 

  1. function push(heap: Heap, node: Node): void { 
  2.   const index = heap.length; 
  3.   heap.push(node); // 在堆尾部添加元素 
  4.   siftUp(heap, node, index); // 進行上浮操作 
  5.  
  6. function siftUp(heap, node, i) { 
  7.   let index = i; 
  8.   while (true) { 
  9.     const parentIndex = (index - 1) >>> 1; // 父節點位置: parentIndex = childIndex / 2 
  10.     const parent = heap[parentIndex]; 
  11.     if (parent !== undefined && compare(parent, node) > 0) { 
  12.       // The parent is larger. Swap positions. 
  13.       heap[parentIndex] = node; 
  14.       heap[index] = parent; 
  15.       index = parentIndex; 
  16.     } else { 
  17.       // The parent is smaller. Exit. 
  18.       return
  19.     } 
  20.   } 

刪除

取出根節點的值對比插入稍微復雜一點,歸納起來可以分為三步:

  • 取出根節點的值
  • 將最后一個元素與根節點進行替換,并刪除最后一個元素
  • 下沉

取出根節點。

將最后一個元素與根節點調換,并刪除。對比發現有序性被破壞,進行對調。

完成刪除。

程序框架

 

  1. function pop { 
  2.   * 設定 minItem 保存根節點 
  3.   * 取出最后一個節點與根節點替換,并刪除最后一個節點 
  4.   * 執行下沉循環 
  5.     * 將根元素與左右子節點對比,挑選較小的與父節點替換位置 
  6.  
  7.   return minItem 

實現

 

  1. export function pop(heap: Heap): Node | null { 
  2.   const first = heap[0]; // 取出根節點 
  3.   if (first !== undefined) { 
  4.     const last = heap.pop(); // 取出最后一位元素,并刪除 
  5.     if (last !== first) { 
  6.       heap[0] = last; // 與根節點對調 
  7.       siftDown(heap, last, 0); // 下沉 
  8.     } 
  9.     return first
  10.   } else { 
  11.     return null
  12.   } 
  13.  
  14. function siftDown(heap, node, i) { 
  15.   let index = i; 
  16.   const length = heap.length; 
  17.   while (index < length) { 
  18.     const leftIndex = (index + 1) * 2 - 1; 
  19.     const left = heap[leftIndex]; 
  20.     const rightIndex = leftIndex + 1; 
  21.     const right = heap[rightIndex]; 
  22.  
  23.     // If the left or right node is smaller, swap with the smaller of those. 
  24.     // 尋找左右兒子較小的那一個替換 
  25.     if (left !== undefined && compare(left, node) < 0) { //左子節點小于根節點 
  26.       if (right !== undefined && compare(rightleft) < 0) { 
  27.         heap[index] = right
  28.         heap[rightIndex] = node; 
  29.         index = rightIndex; 
  30.       } else { 
  31.         heap[index] = left
  32.         heap[leftIndex] = node; 
  33.         index = leftIndex; 
  34.       } 
  35.     } else if (right !== undefined && compare(right, node) < 0) { // 左子節點大于根節點,右子節點小于根節點 
  36.       heap[index] = right
  37.       heap[rightIndex] = node; 
  38.       index = rightIndex; 
  39.     } else { 
  40.       // Neither child is smaller. Exit. 
  41.       return
  42.     } 
  43.   } 

以下是 react 源碼中 scheduler/src/SchedulerMinHeap.js 關于最小堆的完整實現:

 

  1. /** 
  2.  * Copyright (c) Facebook, Inc. and its affiliates. 
  3.  * 
  4.  * This source code is licensed under the MIT license found in the 
  5.  * LICENSE file in the root directory of this source tree. 
  6.  * 
  7.  * @flow strict 
  8.  */ 
  9.  
  10. // 定義最小堆極其元素,其中 sortIndex 為最小堆對比的 key,若 sortIndex 相同,則對比 id 
  11. type Heap = Array<Node>; 
  12. type Node = {| 
  13.   id: number, 
  14.   sortIndex: number, 
  15. |}; 
  16.  
  17. // 入隊操作,在入隊完成之后進行“上浮” 
  18. export function push(heap: Heap, node: Node): void { 
  19.   const index = heap.length; 
  20.   heap.push(node); 
  21.   siftUp(heap, node, index); 
  22.  
  23. // 查找最大值 
  24. export function peek(heap: Heap): Node | null { 
  25.   const first = heap[0]; 
  26.   return first === undefined ? null : first
  27.  
  28. // 刪除并返回最大值 
  29. export function pop(heap: Heap): Node | null { 
  30.   const first = heap[0]; // 取出根節點(哨兵) 
  31.   if (first !== undefined) { 
  32.     const last = heap.pop(); // 取出最后一位元素,并刪除 
  33.     if (last !== first) { // 頭尾并沒有對撞 
  34.       heap[0] = last; // 與根節點對調 
  35.       siftDown(heap, last, 0); // 下沉 
  36.     } 
  37.     return first
  38.   } else { 
  39.     return null
  40.   } 
  41.  
  42. // 上浮,調整樹結構 
  43. function siftUp(heap, node, i) { 
  44.   let index = i; 
  45.   while (true) { 
  46.     const parentIndex = (index - 1) >>> 1; // 父節點位置: parentIndex = childIndex / 2,此處使用位操作,右移一位 
  47.     const parent = heap[parentIndex]; 
  48.     if (parent !== undefined && compare(parent, node) > 0) { // 對比父節點和子元素的大小 
  49.       // The parent is larger. Swap positions. 
  50.       heap[parentIndex] = node; // 若父節點較大,則更換位置 
  51.       heap[index] = parent; 
  52.       index = parentIndex; 
  53.     } else { 
  54.       // The parent is smaller. Exit. 
  55.       return
  56.     } 
  57.   } 
  58.  
  59. // 下沉,調整樹結構 
  60. function siftDown(heap, node, i) { 
  61.   let index = i; 
  62.   const length = heap.length; 
  63.   while (index < length) { 
  64.     const leftIndex = (index + 1) * 2 - 1; 
  65.     const left = heap[leftIndex]; 
  66.     const rightIndex = leftIndex + 1; 
  67.     const right = heap[rightIndex]; 
  68.  
  69.     // If the left or right node is smaller, swap with the smaller of those. 
  70.     // 尋找左右兒子較小的那一個替換 
  71.     if (left !== undefined && compare(left, node) < 0) { 
  72.       if (right !== undefined && compare(rightleft) < 0) { // 左子節點小于根節點 
  73.         heap[index] = right
  74.         heap[rightIndex] = node; 
  75.         index = rightIndex; 
  76.       } else { 
  77.         heap[index] = left
  78.         heap[leftIndex] = node; 
  79.         index = leftIndex; 
  80.       } 
  81.     } else if (right !== undefined && compare(right, node) < 0) { // 左子節點大于根節點,右子節點小于根節點 
  82.       heap[index] = right
  83.       heap[rightIndex] = node; 
  84.       index = rightIndex; 
  85.     } else { 
  86.       // Neither child is smaller. Exit. 
  87.       return
  88.     } 
  89.   } 
  90.  
  91. function compare(a, b) { 
  92.   // Compare sort index firstthen task id. 
  93.   const diff = a.sortIndex - b.sortIndex; 
  94.   return diff !== 0 ? diff : a.id - b.id; 

堆排序

利用最大/最小堆的特性,我們很容易就能實現對數組的排序,重復執行 pop 就能進行升序排列,如果要降序,使用最大堆即可,該操作時間復雜度為 nlogn 。

多叉堆

為了追求更優的時間復雜度,我們可以將二叉堆改為多叉堆實現,下圖為一個三叉堆:

與二叉堆不同的是對于含有 N 個元素的 d 叉堆(通常情況下 d >= 2),隨著 d 的增加,樹高 K = logdN 的斜率會下降,然而 d 越大,刪除操作的成本會更高。所以子元素不是越多越好,通常情況下三叉堆和四叉堆的應用會比較常見。

在libev中有這么一段注釋 https://github.com/enki/libev/blob/master/ev.c#L2227,他提及了四叉樹相比二叉堆來說緩存更加友好。 根據benchmark,在 50000+ 個 watchers 的場景下,四叉樹會有 5% 的性能優勢。

 

  1. /* 
  2.  * at the moment we allow libev the luxury of two heaps, 
  3.  * a small-code-size 2-heap one and a ~1.5kb larger 4-heap 
  4.  * which is more cache-efficient. 
  5.  * the difference is about 5% with 50000+ watchers. 
  6.  */ 

同樣 Go 語言中的定時器的 timersBucket 的數據結構也采用了最小四叉堆。

 

 


 

結語

多叉堆,例如四叉堆更加適合數據量大,對緩存要求友好對場景。二叉堆適用數據量比較小且頻繁插入和刪除的場景。通常情況下二叉堆可以滿足大部分情況下的需求,如果編寫底層代碼,并且對性能有更高的要求,那么可以考慮多叉堆實現優先隊列。

責任編輯:未麗燕 來源: ZooTeam Blog
相關推薦

2025-01-24 08:38:47

2025-03-13 06:22:59

2021-06-07 09:51:22

原型模式序列化

2009-11-17 14:50:50

Oracle調優

2021-10-19 07:27:08

HTTP代理網絡

2022-05-30 07:51:13

數據庫MySQLQPS

2019-12-23 16:42:44

JavaScript前端開發

2009-11-05 10:55:22

Visual Stud

2021-01-11 09:33:37

Maven數目項目

2020-02-19 19:26:27

K8S開源平臺容器技術

2017-01-10 09:07:53

tcpdumpGET請求

2024-09-13 08:49:45

2024-10-25 15:56:20

2018-01-08 16:19:04

微信程序輪播圖

2020-04-01 16:30:32

TCP互聯網Linux

2018-06-26 09:37:07

時序數據庫FacebookNoSQL

2024-08-13 11:13:18

2022-06-17 08:05:28

Grafana監控儀表盤系統

2024-12-06 11:22:27

2020-09-14 11:30:26

HTTP3運維互聯網
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 日本视频在线 | 精品国产一区二区三区成人影院 | 97国产精品视频 | 99热这里有精品 | 羞羞视频免费观看 | 美女爽到呻吟久久久久 | 国产电影一区二区在线观看 | 国产一区中文字幕 | 中文字幕亚洲视频 | 精品国产一区二区三区久久久蜜月 | 色伊人| 亚洲一区中文字幕在线观看 | 黄片毛片免费观看 | 午夜看看 | 国产 91 视频 | 国产区在线视频 | 日韩视频在线观看一区二区 | 精品国产一区二区三区久久久久久 | 日韩精品一区在线 | 男女视频免费 | 日韩视频在线观看 | 国产欧美日韩久久久 | 国产网站在线播放 | a级毛片毛片免费观看久潮喷 | 欧美精品一区二区在线观看 | 久久久久久99 | 亚洲精品一区中文字幕乱码 | 欧美精品成人一区二区三区四区 | 最新中文字幕第一页视频 | 精品一区二区三区电影 | 日韩国产精品一区二区三区 | 亚洲欧美激情精品一区二区 | 欧美国产精品一区二区三区 | 精品九九 | 亚洲国产在 | 天天躁日日躁性色aⅴ电影 免费在线观看成年人视频 国产欧美精品 | 成人特区| 亚洲精品久久久9婷婷中文字幕 | 精品九九九 | 日日日日操 | 欧美日韩中文字幕 |