Javascript之常見算法整理（持續更新）

更新了幾個知識點~歡迎一塊兒交流呀~

1、排序

1. 冒泡排序（複雜度O(n^2)）

   //冒泡排序
   function bubbleSort(arr) {
     for(var i = 0, len = arr.length; i < len - 1; ++i) {
       for(var j = 0; j < len - i - 1; ++j) {
         if (arr[j] > arr[j + 1]) {
           let temp = arr[j];
           arr[j] = arr[j + 1];
           arr[j + 1] = temp;
         }
       }
     }
     return arr;
   }

2. 插入排序（複雜度O(n^2)）

   //插入排序 過程就像你拿到一副撲克牌而後對它排序同樣
   function insertionSort(arr) {
     var n = arr.length;
     // 咱們認爲arr[0]已經被排序，因此i從1開始
     for (var i = 1; i < n; i++) {
       // 取出下一個新元素，在已排序的元素序列中從後向前掃描來與該新元素比較大小
       for (var j = i - 1; j >= 0; j--) {
         if (arr[i] >= arr[j]) { // 若要從大到小排序，則將該行改成if (arr[i] <= arr[j])便可
           // 若是新元素arr[i] 大於等於 已排序的元素序列的arr[j]，
           // 則將arr[i]插入到arr[j]的下一位置，保持序列從小到大的順序
           arr.splice(j + 1, 0, arr.splice(i, 1)[0]);
           // 因爲序列是從小到大並從後向前掃描的，因此沒必要再比較下標小於j的值比arr[j]小的值，退出循環
           break;  
         } else if (j === 0) {
           // arr[j]比已排序序列的元素都要小，將它插入到序列最前面
           arr.splice(j, 0, arr.splice(i, 1)[0]);
         }
       }
     }
     return arr;
   }

   當目標是升序排序，最好狀況是序列原本已是升序排序，那麼只需比較n-1次，時間複雜度O(n)。最壞狀況是序列原本是降序排序，那麼需比較n(n-1)/2次，時間複雜度O(n^2)。因此平均來講，插入排序的時間複雜度是O(n^2)。顯然，次方級別的時間複雜度表明着插入排序不適合數據特別多的狀況，通常來講插入排序適合小數據量的排序。
   
   

3. 選擇排序（複雜度O(n^2)）

   function selectionSort(arr) {
     var len = arr.length;
     var mi, tmp;
     for (var i = 0; i < len - 1; i++) {
       mi = i;  //最小值的下標
       for (var j = i + 1; j < len; j++) {
         if (arr[j] < arr[mi]) {
           mi = j;  //比較獲得最小值的下標
         }
       }
       tmp = arr[mi];
       arr[mi] = arr[i];
       arr[i] = tmp;
     }
     return arr;
   }

4. 快速排序（複雜度O(n^log(n))）

   //快速排序
   function qSort(arr) {
     //聲明並初始化左邊的數組和右邊的數組
     var left = [], right = [];
     //使用數組第一個元素做爲基準值
     var base = arr[0];
     //當數組長度只有1或者爲空時，直接返回數組，不須要排序
     if(arr.length <= 1) return arr;
     //進行遍歷
     for(var i = 1, len = arr.length; i < len; i++) {
       if(arr[i] < base) {
       //若是小於基準值，push到左邊的數組（不能 <= ，不然不穩定）
         left.push(arr[i]);
       } else {
       //若是大於等於基準值，push到右邊的數組
         right.push(arr[i]);
       }
     }
     //遞歸而且合併數組元素
     return [...qSort(left), ...[base], ...qSort(right)];    //return qSort(left).concat([base], qSort(right));
   }

2、字符串

1. 迴文字符串

   //判斷迴文字符串
   function palindrome(str) {
     var reg = /[\W\_]/g;
     var str0 = str.toLowerCase().replace(reg, "");
     var str1 = str0.split("").reverse().join("");
     return str0 === str1;
   }

2. 翻轉字符串

   function reverseString(str) {
     return str.split("").reverse().join("");
   }

3. 字符串中出現最屢次數的字符

   function findMaxDuplicateChar(str) {
     var cnt = {}, //用來記錄全部的字符的出現頻次
         c = ''; //用來記錄最大頻次的字符
     for (var i = 0; i < str.length; i++) {
       var ci = str[i];
       if (!cnt[ci]) {
         cnt[ci] = 1;
       } else {
         cnt[ci]++;
       }
       if (c == '' || cnt[ci] > cnt[c]) {
         c = ci;
       }
     }
     return c;
   }

4. 字符串去重

   function unique(s) {
     // 1.利用Set去重 2.變爲數組 3.變爲字符串 
     // join裏必定要有''，不然會自動插入','，就得[...new Set(s)].join().replace(/,/g, '')
     return [...new Set(s)].join('')
   }

5. 字符串去除空白字符

   str.replace(/\s/g, '')    //去除全部空白字符
   str.replace(/^\s*/g, '')    //去除最前的空白字符
   str.replace(/\s*$/g, '')    //去除最後的空白字符
   str.replace(/(^\s*)|(\s*$)/g, '')    //去除最前和最後的空白字符

6. 生成指定長度的隨機字符串

   function randomString (n) {
     let ch = '';
     for (let i = 0; i < 26; ++i) {
       ch += String.fromCharCode(65 + i); //A-Z
       ch += String.fromCharCode(97 + i); //a-z
     }
     for (let i = 0; i <= 9; ++i) {
       ch += i; //0-9
     }
     let ans = '';
     let len = ch.length;
     for (let i = 0; i < n; ++i) {
       ans += ch[Math.floor(Math.random() * len)];
     }
     return ans;
   }

3、數組

1. 數組去重

   • 利用新數組

     function uniqueArray(arr) {
      var temp = [];
      for (var i = 0; i < arr.length; i++) {
        if (temp.indexOf(arr[i]) === -1) {
        // if (arr.indexOf(arr[i]) === i) {
          temp.push(arr[i]);
        }
      }
      return temp;
     }

   • 對原數組splice

     function uniqueArray(arr) {
       for (var i = 0; i < arr.length; i++) {
          if (arr.indexOf(arr[i]) != i) {
              arr.splice(i,1);    //刪除重複元素
              i--;    //數組下標回退
          }
       }
       return arr;
     }

   • 對原數組filter

     function uniqueArray(arr) {
       return arr.filter((item, index, thisArr) => {
         return thisArr.indexOf(item) === index;
       })
     }

   • 利用Set

     function uniqueArray(arr) {
      return Array.from(new Set(arr));
      //return [...new Set(arr)];  使用擴展運算符效果一致
     }

   • 利用簡單對象映射（缺點：沒法正確識別數組元素爲"1"與1的區別）

     function uniqueArray(arr) {
       var map = {},
         ret = [];
       for (var i = 0; i < arr.length; i++) {
         var item = arr[i];
         if (!map[item]) {
           map[item] = true;
           ret.push(item);
         }
       }
       return ret;
     }

   • 針對以上作法缺點，能夠將普通對象改成Map對象

     function uniqueArray(arr) {
       var map = new Map(),
           ret = [];
       for (var i = 0; i < arr.length; i++) {
         var item = arr[i];
         if (!map.get(item)) {
           map.set(item, true);
           ret.push(item);
         }
       }
       return ret;    
     }

   • 利用sort（缺點：數組順序被打亂）

     function uniqueArray(arr) {
       arr.sort();
       var temp = arr[0];
       for (var i = 1; i < arr.length; i++) {
         if (arr[i] == temp) {
           arr.splice(i, 1); //刪除重複元素
         } else {
           temp = arr[i];
         }
       }
       return arr;
     }

     嗯。仍是Array.from(new Set(arr))最好（lan）(￣▽￣)"
     
     

2. 數組扁平化
   arr = [1, [2, 3], [4, 5, [6]]];
flatten(arr) = [1, 2, 3, 4, 5, 6]

   • 數組->字符串->數組 （不合適數字+字符數組，由於數字會被轉成字符串）

     arr.join().split(',')
     arr.toString().split(',')

   • Array自帶

     arr.flat(Infinity)

   • 遞歸實現

     function flatten(arr) {
       var ret = [];
       for (var i = 0; i < arr.length; i++) {
         if (Array.isArray(arr[i])) {
           ret.push.apply(ret, flatten(arr[i]));
           // ret = ret.concat(flatten(arr[i]));
         } else {
           ret.push(arr[i]);
         }
       }
       return ret;
     }

   • some實現

     function flatten(arr) {
       while (arr.some(item => Array.isArray(item))) {
         arr = [].concat.apply([], arr); //一次降一維
         //arr = [].concat(...arr); //使用展開運算符 效果一致
       }
       return arr;
     }

   • reduce實現

     function flat (arr) {
       return arr.reduce((total, currentValue) => total.concat(Array.isArray(currentValue) ? flat(currentValue) : currentValue), [])
     }

4、查找

1. 二分查找

   //二分查找
   function binary_search(arr, l, r, v) {
     if (l > r) {
       return -1;
     }
     var m = parseInt((l + r) / 2);
     if (arr[m] == v) {
       return m;
     } else if (arr[m] < v) {
       return binary_search(arr, m+1, r, v);
     } else {
       return binary_search(arr, l, m-1, v);
     }
   }

   將二分查找運用到以前的插入排序中，造成二分插入排序，聽說由於二分查找提升了原來順序查找的效率，因此能夠提升效率。

   //二分插入排序（折半插入排序）
   function binary_insertionSort(arr) {
     var len = arr.length,
         l, r, m;
     for (var i = 1; i < len; i++) {
       l = 0;
       r = i - 1;
       while(l <= r) {
           m = parseInt((l + r) / 2);
         if (arr[i] < arr[m]) {
             r = m - 1;
         } else {
           l = m + 1;
         }
       }
       arr.splice(r + 1, 0, arr.splice(i, 1)[0]);
     }
     return arr;
   }

5、樹的搜索/遍歷

1. 深度優先搜索

   //深搜 非遞歸實現
   function dfs(node) {
     var nodeList = [];
     if (node) {
       var stack = [];
       stack.push(node);
       while(stack.length != 0) {
         var item = stack.pop();
         nodeList.push(item);
         var children = item.children;
         for (var i = children.length-1; i >= 0; i--) {
           stack.push(children[i]);
         }
       }
     }
     return nodeList;
   }
   
   //深搜 遞歸實現
   function dfs(node, nodeList) {
     if (node) {
       nodeList.push(node);
       var children = node.children;
       for (var i = 0; i < children.length; i++) {
         dfs(children[i], nodeList);
       }
     }
     return nodeList;
   }

2. 廣度優先搜索

   //廣搜 非遞歸實現
   function bfs(node) {
       var nodeList = [];
       if (node != null) {
           var queue = [];
           queue.unshift(node);
           while (queue.length != 0) {
               var item = queue.shift();
               nodeList.push(item);
               var children = item.children;
               for (var i = 0; i < children.length; i++)
                   queue.push(children[i]);
           }
       }
       return nodeList;
   }
   
   //廣搜 遞歸實現
   var i=0;  //自增標識符
   function bfs(node, nodeList) {
       if (node) {
         nodeList.push(node);
         if (nodeList.length > 1 && node.nextElementSibling) {
           bfs(node.nextElementSibling, nodeList);  //搜索當前元素的下一個兄弟元素
         }
         node = nodeList[i++];
         bfs(node.firstElementChild, nodeList); //該層元素節點遍歷完了，去找下一層的節點遍歷
       }
       return nodeList;
   }

   廣搜的遞歸版本我須要使用到函數體外的變量i，不知道你們有沒有更好的方法，懇請賜教~

6、數字

1. 隨機選取任意範圍的數字

   function getRandomNumber(left, right) {
     var len = right - left + 1;
     return Math.floor(Math.random() * len + left);
   }

2. 求解斐波那契數列（0，1，1，2，3...）的某一項

   function fb(n) {
     var a = 1,
         b = 1,
         ret;
     if(n == 0) ret = 0;
     else if(n == 1 || n == 2) ret = 1;
     for(var i=3; i<=n; ++i) {
         ret = a + b;
         a = b;
         b = ret;
     }
     return ret;
   }

7、對象

1. 類數組對象轉數組
   類數組對象：屬性名爲非負整數，擁有length屬性。function的arguments對象就是類數組對象。

   • Array.prototype.slice.call(obj)
   • Array.from(obj)

2. 對象深拷貝

   function deepClone(obj) {
     if (typeof obj !== 'object') return obj;
     if (obj === null) return null;
     if (obj instanceof RegExp) return new RegExp(obj);
     if (obj instanceof Date) return new Date(obj);
     let ret = new obj.constructor();  // Array or Object
     for (let i in obj) {
       ret[i] = deepClone(obj[i]);
     }
     return ret;
   }

持續更新中~~~