排序前：
排序后：
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table border="1"> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody></tbody> </table> </body> <script> var arr = [ { "name":"张三", "age":20, "sex":"男", }, { "name":"李四", "age":18, "sex":"女", }, { "name":"王五", "age":22, "sex":"男", }, ] var tmp = {}; for(var i = 0; i < arr.length-1; i++){ for(var j = 1; j < arr.length; j++){ if(arr[i].age > arr[j].age){ tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp; } } } var tb = document.querySelector("table"); for(var i = 0; i < arr.length; i++){ var tr = document.createElement("tr"); for(var attr in arr[i]){ var td = document.createElement("td"); td.innerText = arr[i][attr]; tr.appendChild(td); } tb.appendChild(tr); } </script> </html>
原文：https://www.cnblogs.com/biben/p/13334864.html