zoukankan      html  css  js  c++  java
  • 数组筛选和排序

    涉及JavaScript基本语法、事件、DOM相关的知识。

    <h3>污染城市列表</h3>
        <ul id="aqi-list">
        </ul>
    
        <script type="text/javascript">
            var aqiData = [
                ["北京", 90],
                ["上海", 50],
                ["福州", 10],
                ["广州", 50],
                ["成都", 90],
                ["西安", 100],
                ["长沙", 88],
            ];
    
            (function() {
                /*
                在注释下方编写代码
                遍历读取aqiData中各个城市的数据
                将空气质量指数大于60的城市显示到aqi-list的列表中
                */
                //筛选符合条件的数组并构成新的数组newArr
                var newArr = [];
                for (var i = 0, j = aqiData.length; i < j; i++) {
                    if (aqiData[i][1] > 60) { //数组 var aqiData = [ ["北京", 90]]中要取90用:aqiData[i][1]
                        newArr.push([aqiData[i][0], aqiData[i][1]]);
                    }
                }
                // 数组大到小排序
                newArr.sort(function(a, b) {
                    return b[1] - a[1];
                })
                var all = "";
                for (var i = 0, j = newArr.length; i < j; i++) {
                    //名次中文化
                    var rank = i + 1
                    switch (rank) {
                        case 1:
                            rank_number = "";
                            break;
                        case 2:
                            rank_number = "";
                            break;
                        case 3:
                            rank_number = "";
                            break;
                        default:
                            rank_number = "前三以外忽略不计";
                            break;
                    }
                    //添加文本
                    all += "<li>第" + rank_number + "" + ":" + newArr[i][0] + " " + newArr[i][1] + "</li>";
                    var ul = document.getElementById('aqi-list');
                    ul.innerHTML = all;
                }
            })();
        </script>

    关于升序排列和降序排列

    var test = [6, 2, 10];
    test.sort(function(a, b) {
        return a - b;         //实在不懂可以联想负数在前,正数在后,前减后升序、后减前降序
    });
    console.log(test); //[2, 6, 10]

     function(a,b) 比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个之后则返回一个正数。

  • 相关阅读:
    Android OpenGL ES 2.0 (四) 灯光perfragment lighting
    Android OpenGL ES 2.0 (五) 添加材质
    冒泡排序函数
    javascript object 转换为 json格式 toJSONString
    Liunx CentOS 下载地址
    jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动
    javascript 解析csv 的function
    mysql Innodb Shutdown completed; log sequence number解决办法
    Centos 添加 yum
    javascript 键值转换
  • 原文地址:https://www.cnblogs.com/EdisonVan/p/9093861.html
Copyright © 2011-2022 走看看