Question

我有一个应用程序，我希望能够根据对象中的 orderId 值呈现内容堆栈。

{
    "hero": {
        "body": "test body",
        "orderId": 1
    },
    "journey": {
        "body": "test body",
        "orderId": 0
    },
    "banner": {
        "body": "test body",
        "orderId": 2
    }
}

根据对象 ["Journey", "Hero", "Banner"] 中的 orderId 创建一个键数组
能够通过 orderId 对这个对象进行排序

我已经尝试过类似这样的方法来创建数组

Object.entries(content).sort(function(a, b) {
  return a[1].orderId - b[1].orderId;
});

Answer 1

您唯一缺少的部分是获取键，您可以通过在已排序数组上使用 map 并从该数组中检索第一个元素来获取它。

sortedData.map((a) => a[0])

const content = {
  hero: {
    body: "test body",
    orderId: 1,
  },
  journey: {
    body: "test body",
    orderId: 0,
  },
  banner: {
    body: "test body",
    orderId: 2,
  },
};

const result = Object.entries(content)
  .sort((a, b) => a[1].orderId - b[1].orderId)
  .map((a) => a[0]);

console.log(result);

Answer 2

let json = {
    "hero": {
      "body": "test body",
      "orderId": 1
    },
    "journey": {
      "body": "test body",
      "orderId": 0
    },
    "banner": {
      "body": "test body",
      "orderId": 2
    }
  }
  let arr = [];
  Object.entries(json).forEach(ele => {
    let keyword = ele[0];
    id = ele[1].orderId;
    arr[id] = keyword;
  })
  console.log(arr)

按键值对对象进行排序

2 个答案: