练习二，数组与DOM混合练习排序

最新推荐文章于 2024-07-24 11:09:48 发布

datk74439

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量69

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shenq/p/6473826.html

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</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 () {
        /*
         遍历读取aqiData中各个城市的数据
         将空气质量指数大于60的城市显示到aqi-list的列表中
         */
        var arrN = [];
        var arrC = [];
        var aqiList = document.getElementById('aqi-list');
        for(var i=0;i<aqiData.length;i++){
            if(aqiData[i][1] > 60) {
                arrN.push((aqiData[i][1]));
                arrC.push((aqiData[i][0]));
            }
        }
        function compare(value1,value2) {
            if(value1 < value2) {
                return 1;
            } if(value1 > value2) {
                return -1;
            }else{
                return 0;
            }
        }
        var everys = arrN.sort(compare);
        for(var j=0;j<arrN.length;j++) {
            var li = document.createElement('li');
            liss = aqiList.appendChild(li);
            liss.innerHTML = '第'+ parseInt(j+1) + '名：'+arrC[j]+'（样例）' + arrN[j];
        }
    })();
</script>
</body>
</html>
这里主要考察的是数组排序方法，compare（）方法,还有就是用到DOM操作

createElement（）；appendChild()方法

转载于:https://www.cnblogs.com/shenq/p/6473826.html

datk74439

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
练习二，数组与DOM混合练习排序

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title></head><body><h3>污染城市列表</h3><ul id="aq...
复制链接

扫一扫