结论先行：
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é"]⑨ 使用映射对含有大小写的字符串进行排序
方法一： 文章来源：https://www.toymoban.com/news/detail-857140.html
// 需要被排序的数组
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"]方法二：文章来源地址https://www.toymoban.com/news/detail-857140.html
// 需要被排序的数组
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"]到了这里，关于数组排序 sort() 方法 （映射对含有大小写的字符串进行排序）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
