JS Task2

图片.png
var list=document.getElementById('aqi-list');
       var arr1=new Array();
       for(var i=0;i<aqiData.length;i++){
           if(aqiData[i][1]>60){
               arr1.push(aqiData[i]);
           }
       }
       //console.log(arr1);
       for(var i=0;i<arr1.length;i++){
           var newNode=document.createElement('li');
           newNode.innerHTML=arr1[i][0]+":"+arr1[i][1];
           list.appendChild(newNode);
       };



比较好的答案:

var cont=document.querySelector("#aqi-list");
        var list=aqiData.filter(function(item,index,array){
            return(item[1]>=60);
        });
        list.sort(function(a,b){
            return b[1]-a[1];
        });
        list.forEach(
                function(item,index,array){

                    var newnode=document.createElement("li");
                    newnode.innerHTML=array[index][0]+":"+array[index][1];
                    cont.appendChild(newnode);

                }
        );

总结:
http://ife.baidu.com/note/detail/id/694
练习写ES6的写法:

 var list=document.getElementById('aqi-list');
       var arr1=new Array();
       for(var i=0;i<aqiData.length;i++){
           if(aqiData[i][1]>60){
               arr1.push(aqiData[i]);
           }
       }

转换成:

let list=document.getElementById('aqi-list');
       let arr1=new Array();
       const temp = Array.from(aqiData);
       temp.forEach((item,index) => {
        if(item[1] > 60){
          arr1.push(item)
        }
       })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • NaN是什么? 有什么特别之处? NaN是Not a Number的缩写,即非数值。是一个特殊的数值,用来表示一个...
    飘飘流浪者阅读 1,384评论 0 0
  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 12,869评论 18 303
  • (1)每个公司,每个部门,每个团队都喜欢搞一套编程规范,初衷很美好,然而定出来的东西从来都没人看。道理很简单,既然...
    geniusmart阅读 9,691评论 5 50
  • 同学约去老李克湖看雪,也真是想去感受那一场冰天雪地,可是老妈说:‘’别去了啊,冬天,路滑,我担心。‘’想了又想,只...
    优优红瓷阅读 1,696评论 0 1
  • 多年以后,翻开铺的旧旧的日记本,心里的那份沉寂的情感还是久久不能释怀,看着撩乱的字迹,似乎还能还看见依稀滴在纸上的...
    还若心阅读 1,306评论 0 0