首页 > 代码库 > 百度前端学院--斌斌学院--demo---2
百度前端学院--斌斌学院--demo---2
1 <!DOCTYPE html> 2 <html> 3 <!-- 4 作者:1991403547@qq.com 5 时间:2017-07-22 6 描述:demo2 7 --> 8 <head> 9 <meta charset="utf-8"> 10 <title> 任务2</title> 11 </head> 12 <body> 13 <h3>污染城市列表</h3> 14 <ul id="aqi-list"> 15 </ul> 16 <script type="text/javascript"> 17 var aqiData = [ 18 ["北京", 90], 19 ["上海", 50], 20 ["福州", 10], 21 ["广州", 50], 22 ["成都", 90], 23 ["西安", 100] 24 ]; 25 (function () { 26 var list=document.getElementById("aqi-list"); 27 var arr=new Array(); 28 var j=0; 29 //遍历数组 30 for(var i=0;i<aqiData.length;i++){ 31 if(aqiData[i][1]>60){ 32 arr[j]=aqiData[i]; 33 j++; 34 } 35 } 36 //降序排列 37 arr.reverse(); 38 console.log(arr.length); 39 //输出结果 40 for(var m=0;m<arr.length;m++){ 41 var lis = document.createElement("li"); 42 lis.innerHTML="第"+(m+1)+"名:"+arr[m][0]+" 得分为:"+arr[m][1]; 43 list.appendChild(lis); 44 } 45 })(); 46 47 </script> 48 </body> 49 </html>
百度前端学院--斌斌学院--demo---2
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。