分治算法(Divide-and-Conquer Algorithm),就是分而治之,把一個復雜問題分成兩個或更多個相同或相似的子問題,直到最后子問題可以簡單的直接求解,原問題的解即子問題的解的合并。
  分治算法比較適合用遞歸來實現,而每一層遞歸都會涉及三個操作:
  (1)分解:將原問題分解為若干個規模較小,相對獨立,與原問題形式相同的子問題,縮小問題規模。
  (2)求解:若子問題規模較小且易于解決時(找出基線條件),則直接解。否則,遞歸地解決各子問題。其中基線條件(base case)通常是數組為空或只包含一個元素。
  (3)合并:將各子問題的解合并為原問題的解。
  分治算法是一種處理問題的思想和技巧,是很多高效算法的基礎,例如排序算法(歸并和快排)、最大公因數等。
  LeetCode的[169\. 多數元素](https://leetcode-cn.com/problems/majority-element/),可將數組一分為二,左邊遞歸最大值(left),右邊也一樣(right),當兩者相同,就是找到了;當不同時,比較誰的計數多。
  與動態規劃不同,分治算法分解的子問題可以獨立求解,并且它們之間沒有相關性。
  在《劍指Offer》一書中曾提到,解決復雜問題的3種方法:
  (1)畫圖,涉及鏈表、二叉樹等數據結構時,畫幾張草圖,可將隱藏的規律變得直觀。
  (2)舉例,將抽象問題具體化,模擬運行過程,說不定能發現其中規律。
  (3)分解,如果問題很大,則嘗試把大問題分解成小問題,然后遞歸解決,分治法、動態規劃等方法都是分解復雜問題的思路。
## 一、歸并排序
  利用遞歸與分治技術將數據序列劃分成越來越小的半子表,再對半子表排序,最后用遞歸方法將排好序的半子表合并成為越來越大的有序序列,[如下所示](https://codepen.io/strick/pen/LYGoWmo),思路如圖8所示。
~~~
function mergeSort(arr) {
let len = arr.length;
//基線條件
if (len < 2) {
return arr;
}
//分解
let middle = Math.floor(len / 2),
left = mergeSort(arr.slice(0, middle)),
right = mergeSort(arr.slice(middle));
//合并
return merge(left, right);
}
function merge(left, right) {
let result = [];
//求解
while (left.length && right.length) {
//小的在左,大的在右
if (left[0] <= right[0]) {
result.push(left.shift());
} else {
result.push(right.shift());
}
}
while (left.length)
result.push(left.shift());
while (right.length)
result.push(right.shift());
return result;
}
~~~
:-: 
圖 8
  面試題51[數組中的逆序對](https://leetcode-cn.com/problems/shu-zu-zhong-de-ni-xu-dui-lcof/)。先統計子數組中的逆序對,然后統計兩個相鄰數組之間的逆序對,在統計的過程中還需要對數組進行歸并排序。
## 二、快速排序
  采用“分而治之”的思想,把大的拆分為小的,小的再拆分為更小的。
  將原序列分為兩部分,其中前一部分的所有記錄均比后一部分的所有記錄小,然后再依次對前后兩部分的記錄進行快速排序,遞歸該過程,直到序列中的所有記錄均有序為止。
  代碼實現[如下所示](https://codepen.io/strick/pen/GRoaWbN),思路如圖9所示。
~~~
function quickSort(arr) {
var length = arr.length;
//基線條件
if (length <= 1) {
return arr;
}
var base = arr[0],
left = [], //保存小于基準元素的記錄
right = []; //保存大于基準元素的記錄
//求解
for (let i = 1; i < length; i++) {
if (base > arr[i]) { //放入左邊數組
left.push(arr[i]);
} else { //放入右邊數組
right.push(arr[i]);
}
}
//分解
left = quickSort(left);
right = quickSort(right);
//合并
return left.concat([base], right);
}
~~~
:-: 
圖 9
  面試題39[數組中出現次數超過一半的數字](https://leetcode-cn.com/problems/shu-zu-zhong-chu-xian-ci-shu-chao-guo-yi-ban-de-shu-zi-lcof/)。問題轉換為查找中位數,受快速排序的啟發,當基準值的下標剛好是n/2時,那么就是中位數,否則在另外兩部分中查找。
  面試題40[最小的 k 個數](https://leetcode-cn.com/problems/zui-xiao-de-kge-shu-lcof/)。采用快速排序思想,基于數組第 k 個數字來調整,比 k 個數小的在左邊,大的在右邊。
*****
> 原文出處:
[博客園-數據結構和算法躬行記](https://www.cnblogs.com/strick/category/1809992.html)
已建立一個微信前端交流群,如要進群,請先加微信號freedom20180706或掃描下面的二維碼,請求中需注明“看云加群”,在通過請求后就會把你拉進來。還搜集整理了一套[面試資料](https://github.com/pwstrick/daily),歡迎閱讀。

推薦一款前端監控腳本:[shin-monitor](https://github.com/pwstrick/shin-monitor),不僅能監控前端的錯誤、通信、打印等行為,還能計算各類性能參數,包括 FMP、LCP、FP 等。
- ES6
- 1、let和const
- 2、擴展運算符和剩余參數
- 3、解構
- 4、模板字面量
- 5、對象字面量的擴展
- 6、Symbol
- 7、代碼模塊化
- 8、數字
- 9、字符串
- 10、正則表達式
- 11、對象
- 12、數組
- 13、類型化數組
- 14、函數
- 15、箭頭函數和尾調用優化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、類
- 21、類的繼承
- 22、Promise
- 23、Promise的靜態方法和應用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基礎實踐
- 3、WebRTC視頻通話
- 4、Web音視頻基礎
- CSS進階
- 1、CSS基礎拾遺
- 2、偽類和偽元素
- 3、CSS屬性拾遺
- 4、浮動形狀
- 5、漸變
- 6、濾鏡
- 7、合成
- 8、裁剪和遮罩
- 9、網格布局
- 10、CSS方法論
- 11、管理后臺響應式改造
- React
- 1、函數式編程
- 2、JSX
- 3、組件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表單
- 8、樣式
- 9、組件通信
- 10、高階組件
- 11、Redux基礎
- 12、Redux中間件
- 13、React Router
- 14、測試框架
- 15、React Hooks
- 16、React源碼分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基礎
- 4、webpack進階
- 5、Git
- 6、Fiddler
- 7、自制腳手架
- 8、VSCode插件研發
- 9、WebView中的頁面調試方法
- Vue.js
- 1、數據綁定
- 2、指令
- 3、樣式和表單
- 4、組件
- 5、組件通信
- 6、內容分發
- 7、渲染函數和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、數據類型
- 2、接口
- 3、類
- 4、泛型
- 5、類型兼容性
- 6、高級類型
- 7、命名空間
- 8、裝飾器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系統和網絡
- 3、命令行工具
- 4、自建前端監控系統
- 5、定時任務的調試
- 6、自制短鏈系統
- 7、定時任務的進化史
- 8、通用接口
- 9、微前端實踐
- 10、接口日志查詢
- 11、E2E測試
- 12、BFF
- 13、MySQL歸檔
- 14、壓力測試
- 15、活動規則引擎
- 16、活動配置化
- 17、UmiJS版本升級
- 18、半吊子的可視化搭建系統
- 19、KOA源碼分析(上)
- 20、KOA源碼分析(下)
- 21、花10分鐘入門Node.js
- 22、Node環境升級日志
- 23、Worker threads
- 24、低代碼
- 25、Web自動化測試
- 26、接口攔截和頁面回放實驗
- 27、接口管理
- 28、Cypress自動化測試實踐
- 29、基于Electron的開播助手
- Node.js精進
- 1、模塊化
- 2、異步編程
- 3、流
- 4、事件觸發器
- 5、HTTP
- 6、文件
- 7、日志
- 8、錯誤處理
- 9、性能監控(上)
- 10、性能監控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 監控系統
- 1、SDK
- 2、存儲和分析
- 3、性能監控
- 4、內存泄漏
- 5、小程序
- 6、較長的白屏時間
- 7、頁面奔潰
- 8、shin-monitor源碼分析
- 前端性能精進
- 1、優化方法論之測量
- 2、優化方法論之分析
- 3、瀏覽器之圖像
- 4、瀏覽器之呈現
- 5、瀏覽器之JavaScript
- 6、網絡
- 7、構建
- 前端體驗優化
- 1、概述
- 2、基建
- 3、后端
- 4、數據
- 5、后臺
- Web優化
- 1、CSS優化
- 2、JavaScript優化
- 3、圖像和網絡
- 4、用戶體驗和工具
- 5、網站優化
- 6、優化閉環實踐
- 數據結構與算法
- 1、鏈表
- 2、棧、隊列、散列表和位運算
- 3、二叉樹
- 4、二分查找
- 5、回溯算法
- 6、貪心算法
- 7、分治算法
- 8、動態規劃
- 程序員之路
- 大學
- 2011年
- 2012年
- 2013年
- 2014年
- 項目反思
- 前端基礎學習分享
- 2015年
- 再一次項目反思
- 然并卵
- PC網站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端學習之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 2024年
- 日志
- 2020