JavaScript中陣列Array.sort()排序方法詳解
JavaScript
中陣列的sort()
方法主要用於對陣列的元素進行排序。其中,sort()
方法有一個可選引數。但是,此引數必須是函式。 陣列在呼叫sort()
方法時,如果沒有傳參將按字母順序(字元編碼順序)對陣列中的元素進行排序,如果想按照其他標準進行排序,就需要進行傳一個引數且為函式,該函式要比較兩個值,並且會返回一個用於說明這兩個值的相對順序的數字。
1、對數字陣列進行由小到大的順序進行排序。
程式碼:
var arr = [22,12,3,43,56,47,4];
arr.sort();
console.log(arr); // [12, 22, 3, 4, 43, 47, 56]
arr.sort(function (m, n) {
if (m < n) return -1
else if (m > n) return 1
else return 0
});
console.log(arr); // [3, 4, 12, 22, 43, 47, 56]
2、對字串陣列執行不區分大小寫的字母表排序。
程式碼:
var arr = ['abc', 'Def', 'BoC', 'FED'];
console.log(arr.sort()); // ["BoC", "Def", "FED", "abc"]
console.log(arr.sort(function(s, t){
var a = s.toLowerCase();
var b = t.toLowerCase();
if (a < b) return -1;
if (a > b) return 1;
return 0;
})); // ["abc", "BoC", "Def", "FED"]
3、對包含物件的陣列排序,要求根據物件中的年齡進行由大到小的順序排列
程式碼:
var arr = [{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '趙六', age: 4}];
var objectArraySort = function (keyName) {
return function (objectN, objectM) {
var valueN = objectN[keyName]
var valueM = objectM[keyName]
if (valueN < valueM) return 1
else if (valueN > valueM) return -1
else return 0
}
}
arr.sort(objectArraySort('age'))
console.log(arr) // [{'name': '王五', age: 37},{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '趙六', age: 4}]
相關文章
- Javascript陣列排序sort方法和自定義排序方法JavaScript陣列排序
- Javascript中的陣列物件排序JavaScript陣列物件排序
- JavaScript 陣列排序JavaScript陣列排序
- JavaScript遍歷陣列詳解JavaScript陣列
- js陣列方法詳解JS陣列
- JavaScript陣列方法總結(中)JavaScript陣列
- JavaScript陣列詳解-全網最全JavaScript陣列
- JavaScript陣列方法JavaScript陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- JavaScript系列--JavaScript陣列高階函式reduce()方法詳解及奇淫技巧JavaScript陣列函式
- js陣列方法詳解(最新最全)JS陣列
- JavaScript陣列小方法JavaScript陣列
- JavaScript陣列方法(splice)JavaScript陣列
- javascript陣列常用方法JavaScript陣列
- JavaScript陣列方法大全JavaScript陣列
- JavaScript 中陣列 sort() 方法的基本使用JavaScript陣列
- JavaScript表格排序詳解JavaScript排序
- 陣列進行排序的方法陣列排序
- JavaScript 使用sort()方法從數值上對陣列進行排序JavaScript陣列排序
- JavaScript陣列解構JavaScript陣列
- javascript陣列方法總結JavaScript陣列
- JavaScript 陣列 常用方法(二)JavaScript陣列
- JavaScript陣列去重方法JavaScript陣列
- 詳解JavaScript陣列特性與實踐應用JavaScript陣列
- JavaScript 陣列排序 與 求最大值JavaScript陣列排序
- Javascript中陣列方法reduce的妙用之處JavaScript陣列
- NumPy 陣列排序、過濾與隨機數生成詳解陣列排序隨機
- JS 陣列(Arrey)屬性以及方法詳解JS陣列
- JavaScript 陣列中元素隨機打亂排序JavaScript陣列隨機排序
- 陣列排序陣列排序
- JavaScript陣列方法大全(推薦)JavaScript陣列
- JavaScript 陣列方法集合及示例!JavaScript陣列
- 全面介紹JavaScript陣列方法JavaScript陣列
- JavaScript 陣列方法:綜合指南JavaScript陣列
- JavaScript陣列 幾個常用方法JavaScript陣列
- Array.sort排序問題排序
- 記一次產品需求中的陣列排序方法陣列排序
- JavaScript快速排序功能詳解JavaScript排序