JSArray排序詳解

一、JS數組排序方法

在JS中，數組排序是一個常見且重要的操作。JS提供了多種排序方法，以幫助我們完成各種排序需求。

1、sort()

let arr = [3,1,5,2,4];
arr.sort();
console.log(arr); // [1, 2, 3, 4, 5]

sort()方法會按照數組元素的字元串值進行升序排序，適用於對數字和字母進行排序。

2、reverse()

let arr = [3,1,5,2,4];
console.log(arr.reverse()); // [4, 2, 5, 1, 3]

reverse()方法會將數組元素進行反轉。

3、concat()

let arr1 = [1,2,3];
let arr2 = [4,5,6];
console.log(arr1.concat(arr2)); // [1, 2, 3, 4, 5, 6]

concat()方法返回一個新數組，包含原數組和傳入數組的所有元素。

4、slice()

let arr = [1,2,3,4,5];
console.log(arr.slice(1,3)); // [2, 3]

slice()方法返回一個新數組，包含原數組指定範圍內的元素。

5、splice()

let arr = [1,2,3,4,5];
arr.splice(2,1);
console.log(arr); // [1, 2, 4, 5]

splice()方法從指定位置刪除指定數量的元素，並可以插入新的元素。

二、JSArray常用方法

JSArray提供了許多常用的方法，可用於對數組進行修改、篩選、轉換等操作。

1、push()

let arr = [1,2];
arr.push(3);
console.log(arr); // [1, 2, 3]

push()方法可以在數組末尾添加一個或多個元素，並返回數組的新長度。

2、pop()

let arr = [1,2,3];
arr.pop();
console.log(arr); // [1, 2]

pop()方法刪除數組的最後一個元素，並返回該元素。

3、filter()

let arr = [1,2,3,4,5];
let newArr = arr.filter(function(item) {
  return item % 2 === 0;
});
console.log(newArr); // [2, 4]

filter()方法創建一個新數組，其包含所有通過函數測試的元素。

4、map()

let arr = [1,2,3,4,5];
let newArr = arr.map(function(item) {
  return item * 2;
});
console.log(newArr); // [2, 4, 6, 8, 10]

map()方法創建一個新數組，其包含源數組中的每個元素經過函數處理後的結果。

5、reduce()

let arr = [1,2,3,4,5];
let result = arr.reduce(function(sum, item) {
  return sum + item;
}, 0);
console.log(result); // 15

reduce()方法對數組中的每個元素執行指定的函數，並返回一個單一的值。

三、ArrayList排序方法

除了自帶的JSArray排序方法，許多JS框架如React、Vue等也提供了ArrayList用於數據管理。ArrayList提供了多種排序方法可用於排序操作。

1、sort()

let list = [3,1,5,2,4];
list.sort();
console.log(list); // [1, 2, 3, 4, 5]

與JSArray相同，sort()方法會按照ArrayList元素的字元串值進行升序排序，適用於對數字和字母進行排序。

2、reverse()

let list = [3,1,5,2,4];
console.log(list.reverse()); // [4, 2, 5, 1, 3]

reverse()方法會將ArrayList元素進行反轉。

3、sort(function)

let list = [
  {name: 'A', age: 20},
  {name: 'B', age: 18},
  {name: 'C', age: 22}
];
list.sort(function(a,b) {
  return a.age - b.age;
});
console.log(list);
// [{name: 'B', age: 18}, {name: 'A', age: 20}, {name: 'C', age: 22}]

sort(function)方法可用於自定義規則進行柔性排序，第二個參數為一個函數，可自定義排序規則。

4、Collections.sort(list)

let list = [3,1,5,2,4];
let Collections = require('java.util');
Collections.sort(list);
console.log(list); // [1, 2, 3, 4, 5]

Collections.sort(list)方法與JSArray的sort()方法相似，可對ArrayList進行排序。

四、示例代碼

JSArray排序

let arr = [3,1,5,2,4];
arr.sort();
console.log(arr); // [1, 2, 3, 4, 5]

ArrayList排序

let list = [
  {name: 'A', age: 20},
  {name: 'B', age: 18},
  {name: 'C', age: 22}
];
list.sort(function(a,b) {
  return a.age - b.age;
});
console.log(list);
// [{name: 'B', age: 18}, {name: 'A', age: 20}, {name: 'C', age: 22}]

五、總結

數組排序是JS編程中的常見操作，JSArray提供了多種排序方法可供選擇。除JSArray之外，框架如React、Vue等也提供了ArrayList用於數據管理，拓寬了我們的選擇。對於需要自定義規則進行排序的情況，我們可以使用sort(function)方法，為自己喜好打造排序方式。