数组排序 sort() 方法 （映射对含有大小写的字符串进行排序）

数组排序 sort() 方法 （映射对含有大小写的字符串进行排序）"/>

数组排序 sort() 方法 （映射对含有大小写的字符串进行排序）

结论先行：

sort() 方法：用于对数组元素进行排序，默认升序。如果指明了参数，那数组会按照比较函数的返回值进行排序。  

sort() 方法比较两个值时，将值发送给比较函数，根据返回的（负、零、正）值对值进行排序。举例，a 和 b 两个将要被比较的元素：

如果 a-b 小于 0 ，那么 a 会被排列到 b 之前。

如果 a-b 等于 0 ， a 和 b 的相对位置不变。

如果 a-b 大于 0 ， b 会被排列到 a 之前。

简单的理解，就是： a-b升序      b-a 降序 

具体解析：

1、概念

sort() 是 JavaScript 中数组对象的一个方法，用于对数组元素进行排序。

它会原地修改数组，将数组元素重新排列，并返回排序后的数组。

默认情况下，sort() 方法将数组元素视为字符串并按照 Unicode 码点进行排序。

排序顺序可以是按字母或数字，也可以是升序（向上）或降序（向下）。默认情况下，sort() 方法将按字母和升序将值作为字符串进行排序。

2、语法

array.sort(compareFunction)

参数说明：

• compareFunction（可选）：用于指定排序顺序的比较函数。

如果不提供 compareFunction 参数，sort() 方法将按照字符串 Unicode 码点的顺序对数组元素进行排序。

3、参数详解

该函数应返回负值、零值或正值，具体取决于参数，例如：

function(a, b){ return a-b }

sort() 方法比较两个值时，将值发送给比较函数，根据返回的（负、零、正）值对值进行排序。

举例，a和b 两个将要被比较的元素：

如果 a-b 小于 0 ，那么 a 会被排列到 b 之前。

如果 a-b 等于 0 ， a 和 b 的相对位置不变。

如果 a-b 大于 0 ， b 会被排列到 a 之前。

简单的理解，就是： a-b升序         b-a 降序 

const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
arr.sort((a, b) => a - b);
console.log(arr); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

在这个示例中，我们提供了一个比较函数 (a, b) => a - b，它表示按照数字大小进行升序排序。因此，最终数组被排序成了 [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]。

需要注意的是，sort() 方法会直接修改原始数组，并返回排序后的数组。如果需要保留原始数组，可以在排序前先创建一个副本进行操作。

4、应用

①  非数字排序：字母顺序

字符串排序，可以直接使用 sort() 方法

var fruits = ["Banana", "Orange", "Apple", "Mango", "Blueberries"];
fruits.sort(); // ["Apple", "Banana", "Blueberries", "Mango", "Orange"]

var arr = ['h','a','k','c','e'];
arr.sort();
console.log(arr)  // ["a", "c", "e", "h", "k"]

按字母顺序对数组进行排序，然后反转排序项的顺序（降序）：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
console.log(fruits) //  ["Orange", "Mango", "Banana", "Apple"]

② 数字 

默认会将其作为字符串进行排序

var arr = [12, 22, 66, 3]
arr.sort()
console.log(arr) // [12, 22, 3, 66]

③ 按 升序 对数组中的数字进行排序：a-b

var points = [4, 10, 1, 5, 25, 10];
points.sort(function(a, b){ return a-b });console.log(points) // [1, 4, 5, 10, 10, 25]

④ 按 降序 对数组中的数字进行排序：b-a

var points = [4, 10, 1, 5, 25, 10];
points.sort(function(a, b){ return b-a });console.log(points) // [25, 10, 10, 5, 4, 1]

⑤ 获取数组中的最小值：

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){ return a-b });    // 按升序对数组中的数字进行排序// 数组中的第一项 (points[0]) 现在是最小值

⑥ 获取数组中的最大值：

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){ return b-a });    // 按降序对数组中的数字进行排序// 数组中的第一项 (points[0]) 现在是最大值

⑦ 根据对象的某个属性进行排序：

var arr = [{ name: 'A', age: 21 },{ name: 'B', age: 37 },{ name: 'C', age: 18 },{ name: 'D', age: -12 },{ name: 'E', age: 15 },{ name: 'F', age: 19 }];// 依据age排序
arr.sort(function(a, b) {return a.age - b.age
});
console.log(arr); // 0: {name: "D", age: -12}// 1: {name: "E", age: 15}// 2: {name: "C", age: 18}// 3: {name: "F", age: 19}// 4: {name: "A", age: 21}// 5: {name: "B", age: 37}

// 依据name排序
arr.sort(function(a, b) {const nameA = a.name;const nameB = b.name;if(nameA < nameB) {return -1;}if(nameA > nameB) {return 1;}return 0;
});
console.log(arr); // 0: { name: 'A', age: 21 }// 1: { name: 'B', age: 37 }// 2: { name: 'C', age: 18 }// 3: { name: 'D', age: -12 }// 4: { name: 'E', age: 15 }// 5: { name: 'F', age: 19 }

⑧ 非ASCII字符排序(如类似 e, é, è, a, ä 等字符的字符串)

一些非英语的字符串，需要使用 String.localeCompare

var a = ['réservé', 'premier', 'cliché', 'communiqué', 'café', 'adieu'];
a.sort(function (a, b) {return a.localeCompare(b);
});console.log(a); // ["adieu", "café", "cliché", "communiqué", "premier", "réservé"]

⑨ 使用映射对含有大小写的字符串进行排序

方法一： 

// 需要被排序的数组
var list = ['Delta', 'alpha', 'CHARLIE', 'bravo'];// 对需要排序的数字和位置的临时存储
var mapped = list.map((item, index) => { return { index, value: item.toLowerCase() }
})console.log(mapped) // 0: {index: 0, value: "delta"}// 1: {index: 1, value: "alpha"}// 2: {index: 2, value: "charlie"}// 3: 3: {index: 3, value: "bravo"}// 按照多个值排序数组
mapped.sort((a, b) => {return +(a.value > b.value) || +(a.value === b.value) - 1;
});console.log(mapped) // 0: {index: 1, value: "alpha"}// 1: {index: 3, value: "bravo"}// 2: {index: 2, value: "charlie"}// 3: {index: 0, value: "delta"}// 根据索引得到排序的结果
var result = mapped.map((el) => {return list[el.index];
});console.log(result); // ["alpha", "bravo", "CHARLIE", "Delta"]

方法二：

// 需要被排序的数组
var list = ["Delta", "alpha", "CHARLIE", "bravo"];
let newObj = {};
list.forEach((item, index) => {newObj[(item.toLocaleLowerCase())] = item
});
console.log(newObj) 
// { alpha: "alpha", bravo: "bravo", charlie: "CHARLIE", delta: "Delta" }let arr = Object.keys(newObj);
arr.sort((a, b) => {if (a < b) {return -1;} else if (a > b) {return 1;} else {return 0;}
});
console.log(arr); // ["alpha", "bravo", "charlie", "delta"]let res = arr.map(item => item = newObj[item])
console.log(res) //  ["alpha", "bravo", "CHARLIE", "Delta"]