js Array sort实战排序全面讲解教程

// 1. 字符串数组（符合直觉，按Unicode排序）
const strArr = ["banana", "apple", "cherry", "Abc"];
strArr.sort();
console.log(strArr); // ["Abc", "apple", "banana", "cherry"]
// 原因：Unicode 中大写字母编码（A-Z：65-90）小于小写字母（a-z：97-122）

// 2. 数字数组（不符合直觉，按字符串Unicode排序）
const numArr = [10, 2, 31, 4, 25];
numArr.sort();
console.log(numArr); // [10, 2, 25, 31, 4]
// 原因：数字会被先转为字符串，"10"的Unicode编码小于"2"，因此10排在2前面

const numArr = [10, 2, 31, 4, 25];
// 比较函数：a - b 实现升序
numArr.sort((a, b) => a - b);
console.log(numArr); // [2, 4, 10, 25, 31]
// 原理：若a < b，a - b为负数，a排在b前面；若a > b，a - b为正数，a排在b后面

const numArr = [10, 2, 31, 4, 25];
// 比较函数：b - a 实现降序
numArr.sort((a, b) => b - a);
console.log(numArr); // [31, 25, 10, 4, 2]
// 原理：若b > a，b - a为正数，a排在b后面（即大的数排在前面）

const strArr = ["banana", "Apple", "cherry", "abc"];
strArr.sort((a, b) => {
  const lowerA = a.toLowerCase();
  const lowerB = b.toLowerCase();
  if (lowerA < lowerB) return -1; // 升序
  if (lowerA > lowerB) return 1;
  return 0;
});
console.log(strArr); // ["Apple", "abc", "banana", "cherry"]

const strArr = ["banana", "apple", "cherry", "a"];
// 先按长度升序，长度相同按Unicode升序
strArr.sort((a, b) => {
  if (a.length !== b.length) {
    return a.length - b.length; // 长度升序
  }
  return a.localeCompare(b); // 长度相同，按自然语言排序（比直接比较字符串更友好）
});
console.log(strArr); // ["a", "apple", "banana", "cherry"]

// 用户数组
const users = [
  { name: "张三", age: 25, salary: 8000 },
  { name: "李四", age: 20, salary: 10000 },
  { name: "王五", age: 30, salary: 7000 },
];

// （1）按年龄升序排序
users.sort((a, b) => a.age - b.age);
console.log(users.map(u => u.name)); // ["李四", "张三", "王五"]

// （2）按薪资降序排序
users.sort((a, b) => b.salary - a.salary);
console.log(users.map(u => u.name)); // ["李四", "张三", "王五"]

// （3）按姓名自然语言排序（中文排序）
users.sort((a, b) => a.name.localeCompare(b.name, "zh-CN"));
console.log(users.map(u => u.name)); // ["李四", "王五", "张三"]

const users = [
  { name: "张三", age: 25, salary: 8000 },
  { name: "李四", age: 20, salary: 10000 },
  { name: "赵六", age: 25, salary: 9000 },
  { name: "王五", age: 30, salary: 7000 },
];

users.sort((a, b) => {
  // 第一个条件：年龄升序
  if (a.age !== b.age) {
    return a.age - b.age;
  }
  // 第二个条件：薪资降序（年龄相同时生效）
  return b.salary - a.salary;
});

console.log(users.map(u => `${u.name}（${u.age}岁，${u.salary}元）`));
// 输出：
// ["李四（20岁，10000元）", "赵六（25岁，9000元）", "张三（25岁，8000元）", "王五（30岁，7000元）"]

const mixedArr = [10, null, 5, undefined, 3, null, 8];
mixedArr.sort((a, b) => {
  // 处理undefined：直接排到末尾
  if (a === undefined) return 1;
  if (b === undefined) return -1;
  // 处理null：按0参与数字升序排序
  return (a ?? 0) - (b ?? 0);
});
console.log(mixedArr); // [null, null, 3, 5, 8, 10, undefined]

// 商品数组：按价格升序（价格相同的商品，保持原有相对位置）
const goods = [
  { name: "商品A", price: 50 },
  { name: "商品B", price: 30 }, // 先出现
  { name: "商品C", price: 50 },
  { name: "商品D", price: 30 }, // 后出现
];

// 按价格升序排序
goods.sort((a, b) => a.price - b.price);

console.log(goods.map(g => g.name)); // ["商品B", "商品D", "商品A", "商品C"]
// 结果：价格30的商品B仍在商品D前面，价格50的商品A仍在商品C前面，验证了稳定排序

const originalArr = [10, 2, 31];
// 先拷贝数组（推荐使用扩展运算符或slice()，浅拷贝即可）
const sortedArr = [...originalArr].sort((a, b) => a - b);

console.log(originalArr); // [10, 2, 31]（原始数组未被修改）
console.log(sortedArr); // [2, 10, 31]（排序后的新数组）

const numArr = [10, 2, 31];

// 错误：返回布尔值，排序结果不可靠
numArr.sort((a, b) => a > b);

// 正确：返回数字，排序结果稳定
numArr.sort((a, b) => a - b);

const chineseArr = ["张三", "李四", "王五", "赵六"];
// localeCompare("zh-CN")：按中文拼音排序
chineseArr.sort((a, b) => a.localeCompare(b, "zh-CN"));
console.log(chineseArr); // ["李四", "王五", "张三", "赵六"]