还有不有好办法，好思路的
<!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 newDate = aqiData.sort(function(a,b){
return b[1] - a[1];
});
//alert(newDate);
var newarr = newDate.filter(function(value){
if(value[1] > 60){
return value[1];
}
})
//alert(newarr);
var getul = document.querySelector('#aqi-list');
for(var i = 0;i < newarr.length;i++){
var li = document.createElement('li');
li.innerHTML = "第"+(i+1)+"名"+":"+newarr[i][0]+","+newarr[i][1];
getul.appendChild(li);
}
})();
</script>
</body>
</html>用代码来说服我，谢谢
西兰花伟大炮浏览 1279回答 2
2回答
-
千秋此意
<!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() { var getul = document.querySelector('#aqi-list'); var newarr = aqiData.filter(item => (item[1] > 60)).sort((a, b) => (b[1] - a[1])); newarr.forEach(function(item, idx) { getul.innerHTML += `<li>第${idx + 1}名: ${item[0]}, 分数: ${item[1]}</li>`; }); })(); </script> </body> </html>反正都用了es6不妨多用点儿~
随时随地看视频慕课网APP
相关分类
JavaScript