按 id 排序对象数组 JavaScript

在 JavaScript 中，我们经常需要排序对象数组。当涉及到按照特定的属性排序时，我们需要使用 sort() 方法。下面将对如何按照 id 排序对象数组进行介绍。

数组对象排序

我们先来看一下要排序的数组对象：

let array = [
  { id: 5, name: "John" },
  { id: 2, name: "Peter" },
  { id: 10, name: "Mary" },
  { id: 4, name: "George" },
];

按照 id 排序

我们可以使用 sort() 方法和比较函数对该数组进行排序。以下是按照 id 排序的代码片段：

array.sort((a, b) => {
  return a.id - b.id;
});

该函数接受两个参数 a 和 b ，并返回：

• 如果 a 小于 b ，则返回小于 0 的值。
• 如果 a 等于 b ，则返回 0。
• 如果 a 大于 b ，则返回大于 0 的值。

在该排序函数中，我们对 id 进行比较，并返回相应的值。例如，当 a.id = 5，b.id = 2 时，该函数返回的值为 3 （即5 - 2），表明 a 大于 b ，需要将 a 提前。

排序后的数组为：

[
  { id: 2, name: "Peter" },
  { id: 4, name: "George" },
  { id: 5, name: "John" },
  { id: 10, name: "Mary" },
];

完整代码

以下是完整的按照 id 排序对象数组的代码片段：

let array = [
  { id: 5, name: "John" },
  { id: 2, name: "Peter" },
  { id: 10, name: "Mary" },
  { id: 4, name: "George" },
];

array.sort((a, b) => {
  return a.id - b.id;
});

console.log(array);

输出结果为：

[
  { id: 2, name: "Peter" },
  { id: 4, name: "George" },
  { id: 5, name: "John" },
  { id: 10, name: "Mary" },
];