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>
    

      

  • 相关阅读:
    (find) nyoj5-Binary String Matching
    (replace find)nyoj113-字符串替换
    (去重 sort)nyoj8-一种排序
    (模拟 打好基础) nyoj1363-计划日
    一种颜色怎么搭配
    动态识别类型
    swift与OC混合编程
    IOS动画效果
    NSAlert
    NSButton文本颜色设置和Action两种状态行为
  • 原文地址:https://www.cnblogs.com/alone2015/p/5497331.html
Copyright © 2011-2022 走看看