分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

Js--小笔记

发布时间:2023-09-06 01:33责任编辑:林大明关键词:暂无标签

做个学习小笔记

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--小笔记

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved