JS 对象排序 - Javascript

在 Javascript 中，对象是一种非常常用的数据类型。有时我们需要对对象进行排序，比如说按照某个属性的值进行排序，或者按照对象中的键进行排序。本文将介绍如何在 Javascript 中对对象进行排序。

排序对象数组

首先，我们需要有一个含有多个对象的数组。我们可以使用 JavaScript 的 sort() 方法来对其进行排序。假设我们有以下这个数组：

let cars = [
  {make: "Ford", model: "Mustang", year: 2010},
  {make: "Chevrolet", model: "Camaro", year: 2012},
  {make: "Porsche", model: "911", year: 2018},
  {make: "Tesla", model: "Model S", year: 2017}
];

如果想按照车的年份进行降序排列，我们可以使用以下代码：

cars.sort((a, b) => b.year - a.year);

最终得到的数组为：

[
  {make: "Porsche", model: "911", year: 2018},
  {make: "Tesla", model: "Model S", year: 2017},
  {make: "Chevrolet", model: "Camaro", year: 2012},
  {make: "Ford", model: "Mustang", year: 2010}
]

排序对象中的属性

如果我们只想对对象中的某个属性进行排序，我们需要将这些属性提取到一个新的数组内，并使用 sort() 方法进行排序。下面以对象的 year 属性为例进行讲解。

首先，我们需要将对象中的年份提取到一个新的数组内：

let years = cars.map(car => car.year);

得到的数组为：

[2010, 2012, 2018, 2017]

接下来，我们可以对新数组进行排序，然后按照排序后的 index 去获取对应的原对象，如下：

let sortedCars = years.slice().sort().map(year => cars.find(car => car.year === year));

最终得到的数组还是按照年份进行升序排序的。

排序对象中的键

如果我们想按照对象中的键进行排序，我们需要使用 Object.entries() 方法将对象转换为一个带有键值对的二维数组，并按照第一个元素（即键）进行排序。然后我们可以使用 Object.fromEntries() 方法将排序后的数组转换为对象。

以下是一个按照键排序的例子：

let obj = {
  b: 1,
  c: 2,
  a: 3
};

let sortedObj = Object.fromEntries(Object.entries(obj).sort((a, b) => a[0].localeCompare(b[0])));

console.log(sortedObj);

最终得到的对象为按照字母顺序排序的：

{
  a: 3,
  b: 1,
  c: 2
}

结语

本文介绍了如何在 Javascript 中对对象进行排序，包括排序对象数组、排序对象中的属性和排序对象中的键。希望对大家有所帮助。