首頁(yè) 猿問(wèn) 還有不有好辦法，好思路的

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

JavaScript

西蘭花偉大炮 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">  ??</ul> <script?type="text/javascript"> var?aqiData?=?[ ??["北京",?90], ??["上海",?50], ??["福州",?10], ??["廣州",?50], ??["成都",?90], ??["西安",?100] ]; (function?()?{ ??/* ??在注釋下方編寫(xiě)代碼 ??遍歷讀取aqiData中各個(gè)城市的數(shù)據(jù) ??將空氣質(zhì)量指數(shù)大于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>用代碼來(lái)說(shuō)服我，謝謝

查看完整描述

2 回答

已采納

千秋此意

TA貢獻(xiàn)158條經(jīng)驗(yàn) 獲得超188個(gè)贊

<!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]},?分?jǐn)?shù):?${item[1]}</li>`;
????????});
????})();
????</script>
</body>

</html>

反正都用了es6不妨多用點(diǎn)兒~

1 反對(duì) 回復(fù) 2017-04-18