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

最新推荐文章于 2024-10-17 09:40:47 发布

diqigou2000

最新推荐文章于 2024-10-17 09:40:47 发布

阅读量166

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/alone2015/p/5497331.html

版权

<!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>

转载于:https://www.cnblogs.com/alone2015/p/5497331.html