首页 > 网站 > WEB开发 > 正文

工作问题小结——通过数组的某个属性进行排序

2024-04-27 15:08:57
字体:
来源:转载
供稿:网友

html部分:

<button id="asc">asc</button>

<button id="des">des</button>

<table></table>

js部分:

var arrayOne=[{name:"aaa",age:22,height:160},{name:"bbb",age:23,height:161},{name:"ccc",age:21,height:159}];

$("#asc").on("click",function(){

arrayOne.sort(compare("asc","name"));

$("table").html("");

for(var i=0;i<arrayOne.length;i++){

$("table").append("<tr><td>"+arrayOne[i].name+"</td><td>"+arrayOne[i].age+"</td><td>"+arrayOne[i].height+"</td></tr>")

}

});

$("#des").on("click",function(){

arrayOne.sort(compare("des","name"));

$("table").html("");

for(var i=0;i<arrayOne.length;i++){

$("table").append("<tr><td>"+arrayOne[i].name+"</td><td>"+arrayOne[i].age+"</td><td>"+arrayOne[i].height+"</td></tr>")

}

});

function compare(order,sortBy){

var  oldAlpah=(order=="asc")?">":"<";

var sortFun=new Function("a","b","return a."+sortBy+oldAlpah+"b."+sortBy+"?1:-1");

return sortFun;

}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表