如何在 Javascript 中按价格对这个 JSON 对象进行排序？ [关闭]

Question

我有一个 JSON 对象，我想按价格从小到大排序。

{
 "BEY": {
  "1": {
    "price": 2280,
    "airline": "QR",
  },
  "2": {
    "price": 2108,
    "airline": "UA",
  }
 },
 "BKK": {
  "1": {
    "price": 2956,
    "airline": "QR",
  },
  "2": {
    "price": 1718,
    "airline": "WS",
  }
 }
}

我想重新格式化它，以便关键是机票的价格。例如：

{ 
  1718: {
   "airline" : "WS",
   "IATA_Code" : "BKK"
  },
  2108: {
   "airline" : "UA",
   "IATA_Code" : "BEY"
  },
  2280: {
   "airline" : "QR",
   "IATA_Code" : "BEY"
  },
  2956: {
   "airline" : "QR",
   "IATA_Code" : "BKK"
  }
}

Answer 1

有三个问题会阻止您完成此任务。

1. 您将不得不爬过对象和子对象以提取所需的键值。

2. 此外，您不能对对象中的对象进行排序。您可以改为使用数组来执行此操作。我将您的结构转换为对象数组。

3. 在删除 "airline" 值后面的那些杂散逗号之前，您将无法正确解析 JSON。请参阅文本区域元素内的有效 JSON。

因此，在开始转换 JSON 之前，您需要使用 JSLint 或基于它构建的其他工具（JSHint 等...）并验证您的 JSON 是否正确；确实有效。

var inputJSON = JSON.parse(document.getElementById('json-data').value);
var outputJSON = JSON.stringify(convert(inputJSON), null, 4);

document.body.innerHTML = '<pre>' + outputJSON + '</pre>';

function convert(data) {
  var result = [];
  Object.keys(data).forEach(function(code) {
    Object.keys(data[code]).forEach(function(ticket) {
      var record = {
        'IATA_Code': code
      };
      Object.keys(data[code][ticket]).forEach(function(key) {
        record[key] = data[code][ticket][key];
      });
      result.push(record);
    });
  });
  return result.sort(function(a, b) {
    return a.price > b.price;
  });
};

<textarea id="json-data">
{
  "BEY": {
    "1": { "price": 2280, "airline": "QR" },
    "2": { "price": 2108, "airline": "UA" }
  },
  "BKK": {
    "1": { "price": 2956, "airline": "QR" },
    "2": { "price": 1718, "airline": "WS" }
  }
}
</textarea>

点击后的有效JSON结果：▶运行代码sn-p按钮。

[{
  "IATA_Code": "BKK",
  "price": 1718,
  "airline": "WS"
}, {
  "IATA_Code": "BEY",
  "price": 2108,
  "airline": "UA"
}, {
  "IATA_Code": "BEY",
  "price": 2280,
  "airline": "QR"
}, {
  "IATA_Code": "BKK",
  "price": 2956,
  "airline": "QR"
}]

Answer 2

当您有多个具有相同价格的条目时，您需要考虑您的输出数据结构。由于您希望价格成为键，这是不可能的，除非您预见为每个键存储一个数组：然后您可以存储一个、两个或多个相同价格的条目。

为此，您可以使用此 ES6 代码。 JSON.parse 和 JSON.stringify 方法当然是不需要的，如果你已经在 J​​avaScript 中“活”了对象：

var obj = JSON.parse(`{
 "BEY": {
  "1": {
    "price": 2280,
    "airline": "QR"
  },
  "2": {
    "price": 2108,
    "airline": "UA"
  }
 },
 "BKK": {
  "1": {
    "price": 2956,
    "airline": "QR"
  },
  "2": {
    "price": 1718,
    "airline": "WS"
  }
 }
}`);

var result = Object.keys(obj).reduce( (acc, IATA_Code) =>
    Object.keys(obj[IATA_Code]).reduce( (acc, i) => {
        let price = obj[IATA_Code][i].price;
        acc[price] = (acc[price] || []).concat({
            airline: obj[IATA_Code][i].airline, 
            IATA_Code 
        });
        return acc;
    }, acc),
{});

console.log(JSON.stringify(result, null, 2));

.as-console-wrapper { max-height: 100% !important; top: 0; }