zoukankan      html  css  js  c++  java
  • filter()和sort()这两个方法一块学习,案例中。

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</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 () {
            //选出空气质量指数大于60的城市
            var sortCount=aqiData.filter(function(item){
                return (item[1]>60);
            });
            //对大于60的城市进行排序
            sortCount.sort(function(a,b){
                return b[1]-a[1];
            });
            var aqi=document.getElementById("aqi-list");
    
            for(var i=0; i<sortCount.length;i++){
    //            console.log(aqiData[i]);
    //            console.log(aqiData[1]);
                console.log(sortCount[i]);
                aqi.innerHTML += '<li>第' + (i + 1) + '名:' + sortCount[i][0] + ', ' + sortCount[i][1] + '</li>';
            }
            /*
             在注释下方编写代码
             遍历读取aqiData中各个城市的数据
             将空气质量指数大于60的城市显示到aqi-list的列表中
             */
    
        })();
    
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    Internet Explorer 安全区域注册表项说明
    Android强制设置横屏或竖屏
    SQLite to Asp.net Entity Framework 部署问题
    获取地里位置信息
    通信API、使用Web Workers处理线程
    本地存储、离线应用程序
    多媒体播放
    绘制图形
    表单与文件
    HTML5的结构
  • 原文地址:https://www.cnblogs.com/alone2015/p/5497331.html
Copyright © 2011-2022 走看看