欧美极品高清xxxxhd,国产日产欧美最新,无码AV国产东京热AV无码,国产精品人与动性XXX,国产传媒亚洲综合一区二区,四库影院永久国产精品,毛片免费免费高清视频,福利所导航夜趣136

標題: js算法之最常用的排序 [打印本頁]

作者: 51hei小林    時間: 2016-9-25 11:38
標題: js算法之最常用的排序
引入
  大學學習計算機語言的那幾年,從c語言,到c++,再到數據結構JAVA..讓我印象最深刻的還是最開始老師講冒泡算法的時候,直到現在大四快畢業了我才漸漸通竅了。剛學前端的時候以為前端就是做出好看很炫的頁面就行了,后來才漸漸懂得前端不只是頁面仔。一次美團面試,面試官說他們要的不僅是前端,他們要的是“工程師”,從面試開始到結束問都是算法,頓時把我給打擊了。二叉樹、基本算法還有時間復雜度都是很重要的東西,不僅體現了一個前端的學習深度,還體現了一名計算機學生的專業水平。所以,為了查缺補漏,我決定開始研究一下程序猿最愛提的算法,今天聊聊最常用的排序算法。魷魚看過很多資料覺得都太專業化了,根本看不懂,所以以下我都盡量用能讓自己(別人)看懂的介紹來描述啦~
  1. 常用排序算法
  2. 冒泡排序(Bubble sort)
  3.     大白話介紹:比較相鄰的兩個數,如果后面的比前面的小,把小的放在前面。
  4.     時間復雜度:  O(n2)
  5.       動畫演示:冒泡排序
  6.     實際代碼:
  7. 方法一:function bubbleSort(arr){
  8.     for(var i=0;i<arr.length-1;i++){
  9.         for(var j=0;j<arr.length-1;j++){
  10.             if(arr[j+1]<arr[j]){  
  11.                 temp = arr[j+1];
  12.                 arr[j+1] = arr[j];
  13.                 arr[j] = temp;
  14.             }
  15.         }
  16.     }
  17.     return arr;
  18. }//對比arr中的第j+1項和第j項,如果第j+1項小于第j項,就把第j+1項和第j項調換位置。如果沒達到最終的順序(從小到大),就繼續找,繼續換,直到達到最終效果但是上面的方法并不完美,如果數組已經是有序了,就沒必要再比較了,所以下面有一種優化冒泡排序算法:

  19. 優化冒泡排序算法
  20. 方法二(優化算法):function bubbleSort(arr){
  21.     var flag = false;  // 定義一個變量為false,未交換位置
  22.     for(var i=0;i<arr.length-1;i++){
  23.         for(var j=0;j<arr.length-1;j++){
  24.             if(arr[j+1]<arr[j]){
  25.                 temp = arr[j+1];
  26.                 arr[j+1] = arr[j];
  27.                 arr[j] = temp;
  28.                 flag = true; //true,已交換位置
  29.             }
  30.         }
  31.         if(flag){
  32.             flag = false; //如果交換了位置,將flag重新設為false
  33.         }else{
  34.              break;       //如果未交換,則跳出循環
  35.         }
  36.     }
  37.     return arr;
  38. }或者寫成這樣~function bubbleSort(arr){
  39.     var flag;
  40.     for(var i=0;i<arr.length-1;i++){
  41.         flag =false;
  42.         for(var j=0;j<arr.length-1;j++){
  43.             if(arr[j+1]<arr[j]){
  44.                 temp = arr[j+1];
  45.                 arr[j+1] = arr[j];
  46.                 arr[j] = temp;
  47.                 flag = true;
  48.             }
  49.         }
  50.         if(!flag){
  51.             return arr;
  52.         }
  53.     }
  54.     return arr;
  55. }
  56. 選擇排序(selection Sort)
  57.     大白話介紹:在亂序的數組中選擇最小的值,然后和每次循環后的數組的第一位進行交換
  58.     時間復雜度:O(n2)
  59.       動畫演示:選擇排序
  60.     實際代碼:  
  61. var arr=[5,3,2,4,1,0];function findMin(arr,first){
  62.         var minindex = first;  //定義最小下標
  63.         var minNum = arr[first]; //定義數組中的最小值
  64.         for(var i=first+1;i<arr.length;i++){ //循環找到最小值和最小下標
  65.             if(arr[i]<minNum){
  66.                 minNum = arr[i];
  67.                 minindex = i;
  68.             }
  69.         }
  70.         return minindex;//返回最小值下標  一共查找了六次,最小值下標分別為 :5,4,2,4,4,5
  71.     }
  72.     function selectionSort(arr){
  73.         for(var i=0;i<arr.length;i++){
  74.             var min =var temp = arr[min];     
  75.             arr[min] = arr[i];         //eg.第一次循環 :將最小值5和arr[0]進行交換
  76.             arr[i] = temp;             // 剩下幾次同第一次
  77.         }
  78.         return arr;
  79.     }
  80.     document.write(selectionSort(arr));  //0,1,2,3,4,5,     排序過程:(自己畫的一個粗糙的框框表嫌棄)

  81.       

  82. 歸并排序(mergeSort)
  83.     大白話介紹:   把一個數組分為兩個數組,左邊排好序,右邊排好序,然后合并到一起排序
  84.       專業性介紹:   歸并排序是分治法的典型實例,指的是將兩個已經排序的序列合并成一個序列的操作
  85.     時間復雜度:   O(nlogn)
  86.     動畫演示:歸并排序
  87.     實際代碼:
  88.      var arr=[-11,17,12,19,0,-222];
  89.      function mergeSort(arr,s,e){
  90.          if(s>e){   //起始位置大于終點位置,返回空數組
  91.              return [];
  92.          }else if(s==e){
  93.              return [arr[s]]; //起始位置等于終點位置,說明數組里只有一個數字,返回只含一個數字的數組   
  94.          }
  95.          var mIndex = Math.floor((s+e)/2); //中間位置的Index
  96.          var arrL = mergeSort(arr,s,mIndex); //將左邊的數組排序
  97.          var arrR = mergeSort(arr,mIndex+1,e); //將右邊的數組排序
  98.         
  99.          var resultArr = []; //結果數組
  100.          while(arrL.length>0 || arrR.length>0){ //當左右兩個數組都不為空時
  101.              if(arrL[0]<arrR[0]){
  102.                  resultArr.push(arrL.shift());
  103.              }else{
  104.                  resultArr.push(arrR.shift());
  105.              }
  106.              if(arrL.length==0){  //當左邊的數組為空時
  107.                  resultArr = resultArr.concat(arrR);
  108.                  break;
  109.              }else if(arrR.length==0){
  110.                  resultArr = resultArr.concat(arrL);
  111.                  break;
  112.              }
  113.          }
  114.          return resultArr;
  115.      }
  116.      document.write(mergeSort(arr,0,arr.length-1));  排序過程:
  117.    

  118. 快速排序(quickSort)
  119.   大白話介紹:引用阮一峰老師的一句話,感覺是極好理解的~(我的目標也是成為像阮一峰老師這樣的)
  120.  (1)在數據集之中,選擇一個元素作為"基準"(pivot)。
  121.  (2)所有小于"基準"的元素,都移到"基準"的左邊;所有大于"基準"的元素,都移到"基準"的右邊。
  122.  (3)對"基準"左邊和右邊的兩個子集,不斷重復第一步和第二步,直到所有子集只剩下一個元素為止。      實際代碼:
  123.     var arr=[77,-33,22,32,0,2,11];
  124.     function quickSort(arr){
  125.         if(arr.length<=1){ //如果數組中只有一位數,返回數組
  126.             return arr;
  127.         }
  128.         var mNumIndex = Math.floor(arr.length/2); //取基準值的下標
  129.         var mNum = arr.splice([mNumIndex],1)[0];  //取基準值
  130.         var left = [];  //左邊數組
  131.         var right = []; //右邊數組
  132.       
  133.         for(var i=0;i<arr.length;i++){
  134.             if(arr[i]<mNum){  //如果數組小于基準值,放在左邊數組
  135.                 left.push(arr[i]);
  136.             }else{            ///否則
  137.                 right.push(arr[i]);
  138.             }
  139.         }      
  140.         return quickSort(left).concat([mNum],quickSort(right)); //返回左邊數組+基準值+右邊數組
  141.     }
  142.     document.write(quickSort(arr));  排序過程:
復制代碼



      以上就是一些常見的排序了,但是還有很多常見的排序沒有提到~~ 后期還會寫一個常用排序二~敬請期待噢 ~希望我學到的東西也能幫助到大家~有說錯的地方歡迎批評指正~






歡迎光臨 (http://www.raoushi.com/bbs/) Powered by Discuz! X3.1