1. 程式人生 > 實用技巧 >js sort() 排序用法(轉載)

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]

  

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]

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}

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}


————————————————
版權宣告:本文為CSDN博主「前端小獅」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/m0_37885651/article/details/80016718