記錄--js中出現的數組排序問題

　　這是今天在寫vue項目時發生的一個小問題，在此記錄一下，方便自己的回顧。項目是前後端分離的，前臺主要使用了vue-cli3.0 + mintui，是一個移動端的web app包括了後臺發佈管理的一些功能，其他就先不介紹了，項目後期方便的話我會截取一些代碼發佈在我的github上，自己也是第一次嘗試用mintui框架，當時也是感覺非常的好看，組件化開發的話也是非常方便。這次開發中主要遇到的一個問題是在一個數組排序中，發現排序後的順序不對，排序方法是經過測試沒有問題的，只是這次數據量增加了一些就發生了順序錯亂的問題，剛開始以為是數據的問題，或是其他地方影響了，因為這個排序方法原來一直是可以正常使用的，後來我檢查了排序的入參數組，發現沒有問題，只好在排序方法的中寫幾個console看一下結果，發現就是排序出了問題...

　　這裡先貼一下排序方法：

 1 // 快速排序  每次選擇最左邊的數作為基數
 2  function quickSort(arr){
 3       if (arr.length<2) { return arr; }
 4       // 定義左指針
 5       var left=0;
 6       // 定義右指針
 7       var right=arr.length-1;
 8       //開啟每一輪的排序
 9       while(left<right){
10             // 尋找右邊比arr[0]小的數的下標
11             while(arr[right]>=arr[0] && left<right){
12                   right=right-1;
13             }
14             // 尋找左邊比arr[0]大的數的下標
15             while(arr[left]<=arr[0] && left<right){
16                   left++;
17             }
18             //當左邊指針與右邊指針相遇後，交換arr[0]與當前兩個指針所在的元素
19             if (right==left) {
20                   let mid=arr[right];
21                   arr[right]=arr[0];
22                   arr[0]=mid;
23                   break;
24             }
25             // 當左指針小於右指針的位置，交換兩個指針當前位置的元素
26             let tem=arr[right];
27             arr[right]=arr[left];
28             arr[left]=tem;
29       }
30       //遞歸實現
31       return quickSort(arr.slice(0,left)).concat(arr.slice(left,right+1)).concat(quickSort(arr.slice(right+1)));
32 }

　　去瀏覽器的控制台測試了好幾遍都沒有什麼問題，包括後來換了冒泡排序都是錯亂的結果，這讓我有點摸不著頭腦，乾脆去搜了一下js的數組排序，無意中搜到了sort方法。

　Js中sort()方法原理及使用

sort()  方法用於對數組的元素進行排序，並返回數組。預設排序順序是根據字元串UniCode碼。因為排序是按照字元串UniCode碼的順序進行排序的，所以首先應該把數組元素都轉化成字元串（如有必要）

，以便進行比較。

語法：arrayObject.sort(sortby);

參數sortby  可選，用來規定排序的順序，但必須是函數。

　看到這裡我突然想到會不會是因為我傳入的數組也是字元串，檢查了一下代碼，發現確實有這種可能，因為我的數組中的元素是從其他字元串數組中迴圈截取的，那麼數字字元串排序比較就會出現這種錯亂的問題，因為比較的是Ascii碼，然後我加上了parseInt，再次測試，沒有問題。

總結：發生問題與bug其實很常見，只要一點點的去推導測試，最終解決問題，也能取得很大收穫，這個過程是很爽的，痛並快樂著。。。