JavaScript 按属性对对象数组进行排序

排序是一个非常常见和重要的操作，特别是在开发 web 应用程序时。JavaScript 提供了一个强大的排序功能，可以对数组进行排序。

在本文中，我们将介绍如何使用 JavaScript 按属性对对象数组进行排序。我们将涵盖以下主题：

• 数组排序原理
• 按属性排序
• 排序顺序
• 示例代码

数组排序原理

在 JavaScript 中，我们可以使用 sort() 方法对数组进行排序。 sort() 方法接受一个可选的比较函数作为参数。如果我们没有提供比较函数，那么 sort() 将默认按字母顺序对元素进行排序。

比较函数接受两个参数，通常称为 a 和 b。基于这两个参数，我们必须返回一个比较值。如果比较值为负整数，则 a 将排在 b 前面。如果比较值为正整数，则 b 将排在 a 前面。如果比较值为零，则不进行排序。

按属性排序

我们可以使用比较函数对对象数组进行排序。比如，假设我们有一个对象数组，每个对象包含 name 和 age 两个属性。我们可以使用以下代码将数组按 name 属性排序：

let people = [
  { name: "John", age: 21 },
  { name: "Mary", age: 25 },
  { name: "Bob", age: 20 },
  { name: "Jane", age: 28 }
];

people.sort((a, b) => {
  if (a.name < b.name) {
    return -1;
  } else if (a.name > b.name) {
    return 1;
  } else {
    return 0;
  }
});

console.log(people);

在这个例子中，我们通过提供一个比较函数来将 people 数组按照 name 属性排序。比较函数比较两个对象的 name 属性，并返回相应的比较值。如果 a.name < b.name，那么我们返回一个负整数，表示 a 应该排在 b 前面。同样，如果 a.name > b.name，那么我们返回一个正整数，表示 b 应该排在 a 前面。如果 a.name 和 b.name 相等，那么我们返回 0。

我们可以通过修改比较函数来按照 age 属性对数组进行排序。下面是相应的代码：

people.sort((a, b) => {
  return a.age - b.age;
});

console.log(people);

在这个例子中，我们简单地将比较函数返回 a.age - b.age。这意味着我们将按 age 属性升序排列数组。如果我们希望按降序排列数组，我们只需要将比较函数稍微修改一下：

people.sort((a, b) => {
  return b.age - a.age;
});

console.log(people);

排序顺序

默认情况下，sort() 方法按字母升序对元素进行排序。如果我们希望按降序排列元素，则必须使用比较函数返回 b - a。同样，如果我们希望按属性升序排列元素，则必须使用比较函数返回 a[prop] - b[prop]。如果我们希望按属性降序排列元素，则必须使用比较函数返回 b[prop] - a[prop]。

示例代码

下面是一个完整的示例代码，它演示了如何按属性对对象数组进行排序：

let people = [
  { name: "John", age: 21 },
  { name: "Mary", age: 25 },
  { name: "Bob", age: 20 },
  { name: "Jane", age: 28 }
];

// 按 name 属性升序排列
people.sort((a, b) => {
  if (a.name < b.name) {
    return -1;
  } else if (a.name > b.name) {
    return 1;
  } else {
    return 0;
  }
});

console.log(people);

// 按 age 属性升序排列
people.sort((a, b) => {
  return a.age - b.age;
});

console.log(people);

// 按 age 属性降序排列
people.sort((a, b) => {
  return b.age - a.age;
});

console.log(people);

以上是按属性对对象数组进行排序的介绍，希望对开发者们有所帮助。