javascript练习历程（一）

最新推荐文章于 2022-01-10 13:02:34 发布

Jade_feng

最新推荐文章于 2022-01-10 13:02:34 发布

阅读量570

点赞数

本文链接：https://blog.csdn.net/Jade_feng/article/details/65445041

版权

该博客只为记录博主的学习历程，这道练习是百度前端学院javascript编码的基础任务。

需求：按照某种逻辑（比如空气质量大于60）进行过滤筛选，最后将符合条件的数据按照一定的格式要求显示在网页上

以下是博主自己写的（写的很基础，因为博主是才开始学习前端，看了那么多，做任务的时候还是觉得很多不懂！）

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>任务二</title>
</head>
<body>
<h3>污染城市列表</h3>
<ul id="aqu_list">
</ul>
<script type="text/javascript">
var aquData=[
["北京", 90],
["上海", 50],
["福州", 10],
["广州", 50],
["成都", 90],
["西安", 100]
];
function get_aquData() {
var i;
var j = 0;
var newArr = [];
for (i = 0; i < aquData.length; i++) {
if (aquData[i][1]>60) {
newArr[j] = aquData[i];
j++;
}
}

//将得出的数组进行排序，此数组为二维数组
newArr.sort(function(x,y){return y[1]-x[1];});
var ranking=["一","二","三","四","五","六"];

//建立添加子节点，循环遍历打印出来
for(var k=0;k<newArr.length;k++){
var ele_ul=document.getElementById("aqu_list");
var ele_li=document.createElement("li");
ele_li.innerHTML=("第"+ranking[k]+"名："+newArr[k]+"<br/>");
ele_ul.appendChild(ele_li);
}
}
get_aquData();
</script>
</body>
</html>