zoukankan      html  css  js  c++  java
  • 百度前端技术学院task14源代码

    刚开始理解错误,以为是读取对象,结果后面才发现是二维数组。

    另外对于数组排序,创建新的节点啊,输入到doM中啊,都不是很熟悉。

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>IFE JavaScript Task 01</title>
      </head>
    <body>
    
      <h3>污染城市列表</h3>
      <ul id="aqi-list">
    <!--   
        <li>第一名:福州(样例),10</li>
          <li>第二名:福州(样例),10</li> -->
      </ul>
    
    <script type="text/javascript">
    
    var aqiData = [
      ["北京", 90],
      ["上海", 50],
      ["福州", 10],
      ["广州", 50],
      ["成都", 90],
      ["西安", 100]
    ];
    
    (function () {
    
      /*
      在注释下方编写代码
      遍历读取aqiData中各个城市的数据
      将空气质量指数大于60的城市显示到aqi-list的列表中
      */
        var ul=document.getElementById('aqi-list');
        var length=aqiData.length;
        var aqiData1=[];//创建一个空数组
        for (var i=0;i<length;i++){
          if (aqiData[i][1]>=60){
            aqiData1.push([aqiData[i][0], aqiData[i][1]]);
          }
        }
        aqiData1.sort(function(pre,next){
                return next[1]-pre[1];
            })
        var length1=aqiData1.length,li="";
        for(var i=0;i<length1;i++){
          li=li+"<li>"+""+(i+1)+"名:"+aqiData1[i][0]+","+aqiData1[i][1]+"</li>";
        }
        document.getElementById("aqi-list").innerHTML=li;
    
    
    
    
    
    
    
    })();
    
    </script>
    </body>
    </html>
  • 相关阅读:
    POJ 2407 Relatives 欧拉函数
    HDU 4704 Sum 超大数幂取模
    HDU 4699 Editor 维护栈
    HDU 4696 Answers 水题
    HDU 4686 Arc of Dream 矩阵
    [转]高斯消元题集
    [转]计算几何题集
    POJ 2981 Strange Way to Express Integers 模线性方程组
    Linux 设置文件默认打开方式
    FZU 1402 猪的安家 中国剩余定理
  • 原文地址:https://www.cnblogs.com/huansky/p/5310105.html
Copyright © 2011-2022 走看看