百度前端技术学院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>