首页 > 代码库 > 百度前端学院--斌斌学院--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