js排序——sort()排序用法

sort() 方法用於對數組的元素進行排序,並返回數組。默認排序順序是根據字符串Unicode碼點。

語法：array.sort(fun)；參數fun可選。規定排序順序。必須是函數。
注：如果調用該方法時沒有使用參數，將按字母順序對數組中的元素進行排序，說得更精確點，是按照字符編碼的順序進行排序。

如果想按照其他規則進行排序，就需要提供比較函數，該函數要比較兩個值，然后返回一個用於說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b，其返回值如下：
若 a 小於 b，在排序后的數組中 a 應該出現在 b 之前，則返回一個小於 0 的值。
若 a 等於b，則返回 0。
若 a 大於 b，則返回一個大於 0 的值。
簡單點就是：比較函數兩個參數a和b，返回a-b 升序，返回b-a 降序
//注：原數組發生改變

例：
1.不傳參數，將不會按照數值大小排序，按照字符編碼的順序進行排序；

        var arr = ['General','Tom','Bob','John','Army'];
        var resArr = arr.sort();
        console.log(resArr);//輸出   ["Army", "Bob", "General", "John", "Tom"]
        
        var arr2 = [30,10,111,35,1899,50,45];
        var resArr2 = arr2.sort();
        console.log(resArr2);//輸出   [10, 111, 1899, 30, 35, 45, 50]
1
2
3
4
5
6
7
2.傳入參數，實現升序，降序；

        var arr3 = [30,10,111,35,1899,50,45];
        arr3.sort(function(a,b){
            return a - b;
        })
        console.log(arr3);//輸出  [10, 30, 35, 45, 50, 111, 1899]
        
        var arr4 = [30,10,111,35,1899,50,45];
        arr4.sort(function(a,b){
            return b - a;
        })
        console.log(arr4);//輸出 [1899, 111, 50, 45, 35, 30, 10]
1
2
3
4
5
6
7
8
9
10
11
3.根據數組中的對象的某個屬性值排序；

        var arr5 = [{id:10},{id:5},{id:6},{id:9},{id:2},{id:3}];
        arr5.sort(function(a,b){
            return a.id - b.id
        })
        console.log(arr5);
        //輸出新的排序
        //        {id: 2}
        //        {id: 3}
        //        {id: 5}
        //        {id: 6}
        //        {id: 9}
        //        {id: 10}
1
2
3
4
5
6
7
8
9
10
11
12
4.根據數組中的對象的多個屬性值排序，多條件排序；

        var arr6 = [{id:10,age:2},{id:5,age:4},{id:6,age:10},{id:9,age:6},{id:2,age:8},{id:10,age:9}];
        arr6.sort(function(a,b){
            if(a.id === b.id){//如果id相同，按照age的降序
                return b.age - a.age
            }else{
                return a.id - b.id
            }
        })
        console.log(arr6);
        //輸出新的排序
        //        {id: 2, age: 8}
        //        {id: 5, age: 4}
        //        {id: 6, age: 10}
        //        {id: 9, age: 6}
        //        {id: 10, age: 9}
        //        {id: 10, age: 2}

實際運用

methods: {
      // 碼表獲取部門信息
      getmanage_codes(code) {
        let userInfo = Lockr.get('userInfo')
        let data = {}
        //data.user_code = userInfo.user_code
        //data.code_type = 'comcode'
        data.code = this.manage_code;
        this.apiPost('manage/querymanage', data).then((res) => {
          console.log('res = ', _g.j2s(res))
          this.handelResponse(res, (data) => {

　　　　　　　　//這里就借鑒上面文章的了
            var arr5= data.list;
            //var arr5 = [{id:10},{id:5},{id:6},{id:9},{id:2},{id:3}];
            arr5.sort(function(a,b){
              return a.comcode - b.comcode
            })
            this.manage_codes = arr5;
            // var  TT=JSON.stringify(this.manage_codes)
  
          })
        })
      },