javascript - 根据属性对json对象进行排序

标签 javascript html

我有包含名字、姓氏和年龄的 json 对象数组。我想根据年龄对数组进行排序。

<!DOCTYPE html>
<html>
<body>
  <h2>Create Object from JSON String</h2>
  <p>Original name: <span id="origname"></span></p>
  <p>New name: <span id="newname"></span></p>
  <p>Age: <span id="age"></span></p>

  <script>
    var employees = [
      { "firstName" : "John" , "lastName" : "Doe" , "age":"24" }, 
      { "firstName" : "Anna" , "lastName" : "Smith" , "age":"30" }, 
      { "firstName" : "Peter" , "lastName" : "Jones" , "age":"45" }, 
    ];

    document.getElementById("origname").innerHTML=employees[0].firstName + " " + employees[0].lastName;

    // Set new name
    employees[0].firstName="Gilbert";
    document.getElementById("newname").innerHTML=employees[0].firstName + " " + employees[0].lastName;

    document.getElementById("age").innerHTML=employees[0].age;
  </script>
</body>
</html>

最佳答案

function sortByKey(array, key) {
return array.sort(function(a, b) {
    var x = a[key]; var y = b[key];
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
});
}

people = sortByKey(employees, 'age');

console.log(people);

关于javascript - 根据属性对json对象进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21131224/

相关文章:

javascript - HTML Canvas 图像

javascript - VUE 中数组的数据表

html - html中使用 Font Awesome 的单个图标声音播放器

Javascript自动计算

javascript - 如何在谷歌图表中使用输入表单值

javascript - 为什么计数器变量没有递减?

javascript - 检测手动更改查询字符串angularjs

html - 用 div 滚动 x

html - Bootstrap 列不会正确对齐,而是一个在另一个下面

jquery - 如何更改选择标签的触发事件?