数组按字段排序：实用技巧轻松掌握

在写网页或者处理数据时，经常会遇到一堆对象组成的数组，比如用户列表、商品信息、订单记录。这时候如果想按某个字段排个序，比如按价格从低到高，按姓名字母顺序，或者按时间先后排列，就得用上“数组按字段排序”这个技能。

基础思路：利用 sort() 方法

JavaScript 的 sort() 方法不仅能排字符串，还能通过自定义比较函数来处理复杂对象。假设你有这样一个用户数组：

const users = [
  { name: '张三', age: 25 },
  { name: '李四', age: 20 },
  { name: '王五', age: 30 }
];

想按年龄从小到大排序，可以这么写：

users.sort((a, b) => a.age - b.age);

这样数组就按 age 字段升序排列了。如果是降序，把 a - b 换成 b - a 就行。

字符串字段怎么排？

按名字这类字符串排序时，不能直接用减法。得用 localeCompare，它能正确处理中文和大小写：

users.sort((a, b) => a.name.localeCompare(b.name));

这样名字就会按拼音顺序排好，不会出现“张”跑到“李”后面的情况。

时间字段也能排

如果有订单列表，带时间字段，比如：

const orders = [
  { title: '订单1', date: '2023-05-01' },
  { title: '订单2', date: '2023-04-15' }
];

可以直接用 Date 对象转换后比较：

orders.sort((a, b) => new Date(a.date) - new Date(b.date));

时间早的就在前面，适合做日志或流水展示。

封装成通用函数更省事

如果多个地方都要按字段排序，可以写个通用函数：

function sortByField(array, field, reverse = false) {
  return array.sort((a, b) => {
    let res = 0;
    if (typeof a[field] === 'string') {
      res = a[field].localeCompare(b[field]);
    } else {
      res = a[field] - b[field];
    }
    return reverse ? -res : res;
  });
}

调用时传字段名就行：

sortByField(users, 'name');        // 按姓名升序
sortByField(orders, 'date', true); // 按日期降序

这种写法在做后台管理、数据报表时特别顺手，改个字段就能重新排序，不用重写逻辑。

实际开发中，数组按字段排序是天天见的操作。掌握几种常见写法，再根据数据类型灵活调整，处理起列表数据来就轻松多了。