js中sort總結

stdying 發布于2019-08-21 12:04 / 903人閱讀

摘要：字母排序默認排序運行結果數字排序中參數可以是方法函數，可以升序和降序輸出結果。數字排序升序，降序運行結果注意其中都是表示這個數組里面的元素，如果是則表示升序，如果是則表示降序。以上屬于個人總結，如果后期有什么補充會再次發布

數據排序這塊應該是每個程序員都會遇到的，而這篇文章主要是介紹js中sort排序如何使用得當，既然有現成的封裝的方法就用現成的，自己稍加修改就能完成，不需要再重新自己重頭到尾寫個函數，當然如果大家有這個興趣也可以自己寫啦。

1.字母排序

sort默認的排序方式為字母排序，根據二十六個字母依次排列，單詞之間比較，則先比較第一個字母，如果第一個字母相同則比較第二個字母，以此類推。

  // 1.字母排序（sort默認排序）
   var arr = ["za","zb","a","b","xc","xa"];
   arr.sort();
   console.log(arr);
  // 運行結果：["a", "b", "xa", "xc", "za", "zb"]

2.sort數字排序

sort()中參數可以是方法函數，可以升序和降序輸出結果。

 //2.sort數字排序
  var array = [100,10,50,800,320,34,53];
    array.sort(function(a,b){
        //a-b升序，b-a降序
        return b-a;
    });
    console.log(array);
  //運行結果：[800, 320, 100, 53, 50, 34, 10]

注意：其中a,b都是表示這個數組里面的元素，如果是a-b則表示升序，如果是b-a則表示降序。

3.數組對象排序

最重要的還是這個對象屬性排序，當后臺給我們前端很多數據并且沒有排序時，我們一般都是要重新進行排序，而后臺給的數據往往是好幾層，不會像前面那種簡單的就一個數組，這個時候就要用sort中對象屬性排序了

  // 3.對象屬性排序
    var obj = [
        {name:"lucy", num:400},
        {name:"nancy", num:110},
        {name:"maria", num:200}
    ];
   obj.sort(compare("num"));
   console.log(obj);

   //數組對象屬性值排序
   function compare(property){
       return function(a,b){
           //value1 - value2升序
           //value2 - value1降序
           var value1 = a[property];
           var value2 = b[property];
           return value1 - value2;//升序
       }
   }

運行結果：
[
{name:"nancy", num:110},
{name:"maria", num:200},
{name:"lucy", num:400}
]
注意：compare()中參數必須是這個對象的屬性名稱，而你要比較的這些對象里面，一定要有這個屬性名稱，否則會出錯。以上屬于個人總結，如果后期有什么補充會再次發布

云服務器 GPU云服務器 matlab中sort函數 matlab中sort的用法 js日期sort js總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87413.html

js中sort總結

摘要：字母排序默認排序運行結果數字排序中參數可以是方法函數，可以升序和降序輸出結果。數字排序升序，降序運行結果注意其中都是表示這個數組里面的元素，如果是則表示升序，如果是則表示降序。以上屬于個人總結，如果后期有什么補充會再次發布數據排序這塊應該是每個程序員都會遇到的，而這篇文章主要是介紹js中sort排序如何使用得當，既然有現成的封裝的方法就用現成的，自己稍加修改就能完成，不需要再重新自己...

liuchengxu 2019-08-01 17:27 評論0 收藏0
js中sort總結

摘要：字母排序默認排序運行結果數字排序中參數可以是方法函數，可以升序和降序輸出結果。數字排序升序，降序運行結果注意其中都是表示這個數組里面的元素，如果是則表示升序，如果是則表示降序。以上屬于個人總結，如果后期有什么補充會再次發布數據排序這塊應該是每個程序員都會遇到的，而這篇文章主要是介紹js中sort排序如何使用得當，既然有現成的封裝的方法就用現成的，自己稍加修改就能完成，不需要再重新自己...

stdying 2019-08-29 13:12 評論0 收藏0
案例學習總結：原生JS實現表格排序

摘要：最近在學習的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多知識點。二實現表格排序使用獲取數據之所以使用動態獲取數據，是為了使用文檔碎片綁定數據。最近在學習js的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多JS知識點。在這里記錄一下此次學習過程。希望對大家也有所幫助。完整的表格排序涉及了下列這些知識點： call方法使用 sort方法深入數據綁定 DOM映射下面...

ShevaKuilin 2019-08-29 13:59 評論0 收藏0
案例學習總結：原生JS實現表格排序

摘要：最近在學習的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多知識點。二實現表格排序使用獲取數據之所以使用動態獲取數據，是為了使用文檔碎片綁定數據。最近在學習js的表格排序，沒想到看不起眼的表格排序實際上卻暗含了眾多JS知識點。在這里記錄一下此次學習過程。希望對大家也有所幫助。完整的表格排序涉及了下列這些知識點： call方法使用 sort方法深入數據綁定 DOM映射下面...

lauren_liuling 2019-08-21 17:55 評論0 收藏0