对象内数字排序显示（对象练习）

最新推荐文章于 2022-07-20 19:51:48 发布

weixin_30681121

最新推荐文章于 2022-07-20 19:51:48 发布

阅读量79

点赞数

原文链接：http://www.cnblogs.com/mrluobiao/p/6739487.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="show"></div>
<script>
var data=
[
{
id:5,
name:"marry",
email:"marry@sohu.com"
},
{
id:8,
name:"kitty",
email:"kitty@163.com"
},
{
id:3,
name:"jack",
email:"jack@263.com"
},
{
id:2,
name:"amy",
email:"amy@sina.com.cn"
}
]
// data.sort(function(a,b){
// return a.id-b.id;
// })
// console.log(data);
var show=document.getElementById("show");
function renderdata(data){
show.innerHTML="";
for(var i=0;i<data.length;i++){
show.innerHTML+=data[i].id+"&nbsp"+data[i].name+"&nbsp"+" "+data[i].email+"<br />";
}
}
renderdata(data)
var i=0;
var time=setInterval(function(){
if(i<data.length-1 ){
for(var j=0;j<data.length-i-1;j++){
if(data[j].id>data[j+1].id){
var t=data[j];
data[j]=data[j+1];
data[j+1]=t;
}
}
renderdata(data);
i++;
}
else{
clearInterval(time);
}
},3000);
console.log(data);
</script>
</body>
</html>