js过滤筛选

原创 437396649 随笔 JS 145阅读 2018-01-03 09:15:12 举报

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</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的列表中
/

//获取大于60的数组并加入到一个新数组中
var j=0;
var list=new Array();
for(var i=0;i<aqiData.length;i++){
if(aqiData[i][1]>60){
list[j]=aqiData[i];
j++;
}
}
//升序排序
list.sort(function(x,y){
return y[1]-x[1];
})
///输出显示数组
var display=document.getElementById("aqi-list");
var newnode=document.createElement("li");
for(m=0;m<list.length;m++){
newnode.innerHTML="第"+(m+1)+"名:"+list[m][0]+" 空气质量指数:"+list[m][1];
display.appendChild(newnode);//appenchild指在列表上显示
}

})();

</script>
</body>
</html>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复