按键值对对象数组进行排序并将其显示在HTML元素上

var keyValueArray = [
  { key: "b", value: 2 },
  { key: "a", value: 1 },
  { key: "c", value: 3 }
];

keyValueArray.sort(function(a, b) {
  var keyA = a.key.toUpperCase(); // 不区分大小写排序
  var keyB = b.key.toUpperCase();
  if (keyA < keyB) {
    return -1;
  }
  if (keyA > keyB) {
    return 1;
  }
  return 0;
});

<div id="result"></div>

var resultElement = document.getElementById("result");
for (var i = 0; i < keyValueArray.length; i++) {
  var keyValue = keyValueArray[i];
  var key = keyValue.key;
  var value = keyValue.value;
  var keyValueElement = document.createElement("p");
  keyValueElement.textContent = "Key: " + key + ", Value: " + value;
  resultElement.appendChild(keyValueElement);
}