码迷,mamicode.com
首页 > Web开发 > 详细

Js--小笔记

时间:2018-01-02 11:38:29      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:小例子   大于   --   gif   一个   学习   create   .com   方法   

做个学习小笔记

1. var d=new Date();    得到当前时间
2. var n=d.toLocaleTimeString();  根据本地时间把 Date 对象的时间部分转换为字符串

3.(function() { /* code */ })();  立即执行匿名函数

4.filter() 过滤方法,用于把Array中的某些元素过滤掉,返回剩下元素。filter() 接收回调函数时,可以有多个参数。

参考:https://www.cnblogs.com/zzlm/p/7049359.html

小例子:

技术分享图片
<!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],
  ["上海", 60],
  ["福州", 10],
  ["广州", 50],
  ["成都", 90],
  ["西安", 100]
];//初始化数组

(function () {

  /*
  在注释下方编写代码
  遍历读取aqiData中各个城市的数据
  将空气质量指数大于60的城市显示到aqi-list的列表中
  */
var ele=document.getElementById("aqi-list");//找到id为“aqi-list”的元素
var arr=aqiData.filter(function(item,index,array){
    //过滤,一般只用第一个参数,表示Array的某个元素。
    //回调函数还可以接收另外两个参数,表示元素的位置和数组本身:
    return (item[1]>=60);
});
arr.sort(function(a,b){//排序
    return (b[1]-a[1]);
})

for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

arr.forEach(function(item,index,array){
    var newnode=document.createElement("li");//创建新元素节点
    newnode.innerHTML=array[index][0]+","+array[index][1];//向新节点添加内容
    ele.appendChild(newnode);//将新节点添加到ele中
})
})();

</script>
</body>
</html>
View Code

 

Js--小笔记

标签:小例子   大于   --   gif   一个   学习   create   .com   方法   

原文地址:https://www.cnblogs.com/minghua-b/p/8053726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!