任务二:零基础JavaScript编码(二)

要求:
遍历读取aqiData中各个城市的数据
将空气质量指数大于60的城市显示到aqi-list的列表中

比较low的方法

<!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 src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

var aqiData = [
  ["北京", 90],
  ["上海", 50],
  ["福州", 10],
  ["广州", 50],
  ["成都", 90],
  ["西安", 100]
];

(function () {
    aqiData.sort(function(a,b){
        return b[1]-a[1];
    })
    var html='';
    for (var i=0;i<aqiData.length;i++) {
        if(aqiData[i][1]<60){break}
        html+='<li>'+aqiData[i][0]+','+aqiData[i][1]+'</li>'
    }
    $('#aqi-list').html(html);
})();

</script>
</body>
</html>

如果你感觉for循环比较low ;可以换成数组的其他的方法:foreach filter

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容