filter()和sort()这两个方法一块学习，案例中。

时间：2021-11-17 10:10:23
<!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>

　　

相关文章