Javascript-如何根据深度嵌套的数字对嵌套对象中的值进行排序？

Question

我有一个包含国家，城市和那些城市中商店的对象。 我想显示（以后）的国家/地区，根据该国家/地区的城市数量排序（有效）（我的代码），然后我想根据商店的数量对城市进行排序（因此，商店数量最多的城市排在第一位）。 我已经尝试了很长时间，只是无法使它正常工作，因为无论我尝试或做的任何事情都不起作用。 我需要访问“ shopNum”属性，然后访问城市并进行排序，但我没有做过/做过的工作。 任何帮助都将非常棒。 抱歉，如果它看起来可能太基础了，但是我尝试了一段时间，进行了研究等，有点迷失了。

var data = {
  Italy: {
    cityNum: 2,
    Rome: {
      shops: ['Shop123', 'shopxyz'],
      shopNum: 2
    },
    Milan: {
      shops: ['Shop1', 'shopA', 'shopD'],
      shopNum: 3
    }
  },
  USA: {
    cityNum: 1,
    Chicago: {
      shops: ['Shop123', 'shopxyz', 'shopZ'],
      shopNum: 3
    },
  },
}

var sortedCountries = Object.keys(data).sort((a, b) => {
  return data[b]["cityNum"] - data[a]["cityNum"];
}) //works fine

var sortedShops = Object.values(data).map(x => {
  Object.values(Object.keys(x).map(item => {
    if (item !== "cityNum") {
      console.log(item)
      return item;
    }
  })).map(x => console.log("item x", x))
})

sortedCities 

Answer 1

普通对象不是依赖某些属性顺序的正确结构。 如果要对那些对象进行排序，则应改用数组。 有关更多信息，请参见此问答 。

因此，您的目标数据结构将有所不同。 同时，您可以取消使用cityNum和shopNum属性，因为一旦有了数组（它们具有length属性），它们就变得多余了。

我将由内而外地工作，开始创建带有城市的排序数组，然后最后根据城市数量对那些子结构进行排序：

 var data = {Italy: {cityNum: 2,Rome: {shops: ['Shop123', 'shopxyz'],shopNum: 2},Milan: {shops: ['Shop1', 'shopA', 'shopD'],shopNum: 3}},USA: {cityNum: 1,Chicago: {shops: ['Shop123', 'shopxyz', 'shopZ'],shopNum: 3},},} var sortedCountries = Object.entries(data) .map(([country, cities]) => ({ country, cities: Object.keys(cities) .filter(prop => prop !== "cityNum") .sort((a, b) => cities[b].shops.length - cities[a].shops.length) .map(city => ({ city, shops: cities[city].shops })) })) .sort((a, b) => b.cities.length - a.cities.length) console.log(sortedCountries); 

Answer 2

你可以建立一个新的对象调用allCities用.reduce包含所有的城市。 然后使用与cityNum相同的排序函数，但这次将其应用于allCities和属性shopNum 。

这是代码：

 const data={Italy:{cityNum:2,Rome:{shops:["Shop123","shopxyz"],shopNum:2},Milan:{shops:["Shop1","shopA","shopD"],shopNum:3}},USA:{cityNum:1,Chicago:{shops:["Shop123","shopxyz","shopZ"],shopNum:3}}}; const sortedCountries = Object.keys(data).sort((a, b) => { return data[b]["cityNum"] - data[a]["cityNum"]; }); const allShops = Object.values(data).reduce((allCities, country) => { // extract the cityNum from the country object, the rest are cities const { cityNum, ...cities } = country; // return an object containing all cities + the cities from the current country return { ...allCities, ...cities }; }, {}); const sortedShops = Object.keys(allShops).sort((a, b) => { return allShops[b]["shopNum"] - allShops[a]["shopNum"]; }); console.log(sortedCountries) console.log(sortedShops);