淺談js的sort()方法
阿新 • • 發佈:2018-03-16
blog pos 最終 後者 ray 轉換 多條件 pre ole
如果調用該方法時沒有使用參數,將按字母順序對數組中的元素進行排序,說得更精確點,是按照字符編碼(字符串Unicode
碼點)的順序進行排序。要實現這一點,首先應把數組的元素都轉換成字符串(如有必要),以便進行比較。
怎麽獲取字符串Unicode編碼了?
charAt和charCodeAt
charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數。
方法 charCodeAt() 與 charAt() 方法執行的操作相似,只不過前者返回的是位於指定位置的字符的編碼,而後者返回的是字符子串。
var str = "abcdefg";
console.log(str.charAt( 0)); //a
console.log(str.charCodeAt(0)); //97
console.log(str.charCodeAt(0).toString(16)); //61
var str2 = "12345677";
console.log(str2.charAt(0)); //1
console.log(str2.charCodeAt(0)); //49
console.log(str2.charCodeAt(0).toString(16)); //31
var str3 = "數據在計算機中的表示,最終以二進制的形式存在,所以有時候使用二進制";
console.log(str3.charAt(0)); //數
console.log(str3.charCodeAt(0)); //25968
console.log(str3.charCodeAt(0).toString(16)); //6570
array.sort()方法默認是升序排序,如果想按照其他標準進行排序,就需要提供比較函數,該函數要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b,其返回值如下:
- 若 a 小於 b,在排序後的數組中 a 應該出現在 b 之前,則返回一個小於 0 的值。
- 若 a 等於 b,則返回 0。
- 若 a 大於 b,則返回一個大於 0 的值。
普通數組升序
var arr = [4,3,6,5,7,2,1];
arr.sort();
console.log(arr);
//輸出結果[1,2,3,4,5,6,7]
普通數據降序
var arr = [4,3,6,5,7,2,1];
arr.sort();
arr.sort(function(a,b){
return b-a;
});
console.log(arr);
//輸出結果[7,6,5,4,3,2,1]
對象數組排序
var arr= [
{ ‘sortNo‘: 2},
{ ‘sortNo‘: 1},
{ ‘sortNo‘: 5},
{ ‘sortNo‘: 6},
{ ‘sortNo‘: 7},
{ ‘sortNo‘: 3},
{ ‘sortNo‘: 9},
{ ‘sortNo‘: 4},
{ ‘sortNo‘: 0}
];
arr.sort(function(a, b){
return a.sortNo - b.sortNo;
});
console.log(arr);
//輸出結果
//{ ‘sortNo‘: 2}
//{ ‘sortNo‘: 1}
//{ ‘sortNo‘: 5}
//{ ‘sortNo‘: 6}
//{ ‘sortNo‘: 7}
//{ ‘sortNo‘: 3}
//{ ‘sortNo‘: 9}
//{ ‘sortNo‘: 4}
//{ ‘sortNo‘: 0}
對象數組多條件排序
此例如果sortNo相同,則按sortNo2從大到小
var arr= [
{ ‘sortNo‘: 2, ‘sortNo2‘: 3},
{ ‘sortNo‘: 1, ‘sortNo2‘: 3},
{ ‘sortNo‘: 5, ‘sortNo2‘: 3},
{ ‘sortNo‘: 6, ‘sortNo2‘: 3},
{ ‘sortNo‘: 7, ‘sortNo2‘: 3},
{ ‘sortNo‘: 3, ‘sortNo2‘: 4},
{ ‘sortNo‘: 3, ‘sortNo2‘: 2},
{ ‘sortNo‘: 3, ‘sortNo2‘: 1},
{ ‘sortNo‘: 3, ‘sortNo2‘: 3},
{ ‘sortNo‘: 8, ‘sortNo2‘: 3},
{ ‘sortNo‘: 4, ‘sortNo2‘: 1},
{ ‘sortNo‘: 4, ‘sortNo2‘: 2}
];
arr.sort(function(a, b){
if (a.sortNo === b.sortNo) {
return b.sortNo2 - a.sortNo2;
} else {
return a.sortNo - b.sortNo;
}
});
console.log(arr);
//輸出結果
//{ ‘sortNo‘: 1, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 2, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 3, ‘sortNo2‘: 4}
//{ ‘sortNo‘: 3, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 3, ‘sortNo2‘: 2}
//{ ‘sortNo‘: 3, ‘sortNo2‘: 1}
//{ ‘sortNo‘: 4, ‘sortNo2‘: 2}
//{ ‘sortNo‘: 4, ‘sortNo2‘: 1}
//{ ‘sortNo‘: 5, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 6, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 7, ‘sortNo2‘: 3}
//{ ‘sortNo‘: 8, ‘sortNo2‘: 3}
淺談js的sort()方法