回溯算法(backtracking)是一個類似枚舉的搜索嘗試過程,在尋找問題解的過程中,當發現不滿足求解條件時,就退回一步,嘗試其它路徑,該算法的時間復雜度都不會低于 O(N!),復雜的例題包括[正則表達式匹配](https://leetcode-cn.com/problems/regular-expression-matching/)、[解數獨](https://leetcode-cn.com/problems/sudoku-solver/)等。
  在《[回溯算法詳解](https://labuladong.gitbook.io/algo/di-ling-zhang-bi-du-xi-lie/hui-su-suan-fa-xiang-jie-xiu-ding-ban)》一文中提到,解決一個回溯問題,實際上就是一個決策樹的遍歷過程,需要思考三個問題:
  (1)路徑:已經做出的選擇。
  (2)選擇列表:當前可以做的選擇。
  (3)結束條件:到達決策樹底層,無法再做選擇的條件。
  下面是改編過的算法通用結構。
~~~
function backtrack(路徑, 選擇列表):
if 滿足結束條件
console.log(路徑)
return
for 選擇 of 選擇列表
做選擇
backtrack(路徑, 選擇列表)
撤銷選擇
~~~
  面試題12[矩陣路徑](https://leetcode-cn.com/problems/ju-zhen-zhong-de-lu-jing-lcof/)和面試題13[機器人運動范圍](https://leetcode-cn.com/problems/ji-qi-ren-de-yun-dong-fan-wei-lcof/)。在二維方格或矩陣的運動可用回溯法解決。
## 一、N皇后
  [N皇后](https://leetcode-cn.com/problems/n-queens/)是一道經典的回溯算法題,將 n 個皇后放置在 n×n 的棋盤上,使皇后彼此之間不能相互攻擊,即每個棋子所在的行、列、對角線都不能有另一個棋子。
  在下面的[示例](https://codepen.io/strick/pen/JjGzMed)中,N是皇后的數量,backtrack()函數是回溯過程(如下所列),isValid()函數判斷是否符合選中條件。
  (1)從第一個 row=0 開始。
  (2)循環列并且試圖在每個 column 中放置皇后。
  (3)如果方格 (row, column) 在攻擊范圍內,那么跳過。
  (4)在 (row, column) 方格上放置皇后,繼續尋找下一個位置。
  (5)判斷 row 是否和皇后數量相同。
~~~
const N = 4;
function backtrack(route, row) {
if (row == N) { //結束條件
console.log(route);
return;
}
for (let column = 0; column < N; column++) {
if (!isValid(route, row, column))
continue;
route[row] = column; //做選擇
backtrack(route, row + 1); //下一步
route[row] = null; //撤銷選擇(可省略)
}
}
//從下往上 判斷row行column列放置是否合適
function isValid(route, row, column) {
let leftup = column - 1,
rightup = column + 1;
for (let i = row - 1; i >= 0; i--) { // 逐行往上考察每一行
if (route[i] == column) // 第i行的column列有棋子
return false;
if (leftup >= 0) {
if (route[i] == leftup) // 考察左上對角線:第i行leftup列有棋子
return false;
}
if (rightup < N) {
if (route[i] == rightup) // 考察右上對角線:第i行rightup列有棋子
return false;
}
leftup--;
rightup++;
}
return true;
}
~~~
## 二、0-1背包
  有一個背包,背包總的承載重量是 Wkg。現在有 n 個物品,假設每個物品的重量都不相等,并且不可分割。期望選擇幾件物品,裝載到背包中。在不超過背包容量的前提下,如何讓背包中物品的總重量最大?
  把物品依次排列,對于物品選擇裝或不裝,然后遞歸余下的物品,[如下所示](https://codepen.io/strick/pen/dyGrmzw)。
~~~
let max = Number.MIN_VALUE,
W = 100;
function backtrack(route, goods) {
let weight = route.length ? route.reduce((acc, cur) => acc += cur) : 0;
if (weight == W || route.length == goods.length) { //結束條件
if (weight > max && weight <= W) {
max = weight;
}
console.log(route);
return;
}
for (let i = 0; i < goods.length; i++) {
if(weight + goods[i] > W || route.indexOf(goods[i]) > -1)
continue;
route.push(goods[i]); //做選擇
backtrack(route, goods);
route.pop(); //撤銷選擇
}
}
~~~
## 三、全排列
  [全排列](https://leetcode-cn.com/problems/permutations/)是指輸出給定數字序列的全部可能的排列,假設序列中的數字都是唯一的,利用回溯算法枚舉出所有排列,[如下所示](https://codepen.io/strick/pen/VweNBKd)。
~~~
function backtrack(route, nums) {
if (route.length == nums.length) { //結束條件
console.log(route);
return;
}
for (let i = 0; i < nums.length; i++) {
if (route.indexOf(nums[i]) > -1)
continue;
route.push(nums[i]); //做選擇
backtrack(route, nums);
route.pop(); //撤銷選擇
}
}
~~~
  面試題17[打印從 1~n 位的數](https://leetcode-cn.com/problems/da-yin-cong-1dao-zui-da-de-nwei-shu-lcof/)。將問題轉換成數字排列,用遞歸實現。
*****
> 原文出處:
[博客園-數據結構和算法躬行記](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