亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

還有不有好辦法,好思路的

還有不有好辦法,好思路的

西蘭花偉大炮 2017-04-18 20:35:49
<!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>用代碼來說服我,謝謝
查看完整描述

2 回答

已采納
?
千秋此意

TA貢獻158條經驗 獲得超188個贊

<!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不妨多用點兒~

查看完整回答
1 反對 回復 2017-04-18
  • 2 回答
  • 0 關注
  • 1323 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號