发表于: 2017-02-17 23:54:55
1 1216
2017年2月17日
1.今天完成:
今天主要做任务4的后4-4的js,遇到一个问题,纠结啊,纠结,耽误了半天,哎!然后,前两天写的静态页面,今天写js任务的时候,也发现了错误,任务4的黑夜解密,竟然不是两张页面,而是一张页面。另一张是通过js动态来设置的页面。下午,解决了js的bug之后,开始写下面的一点儿任务。
然后,开始准备今天的小课堂,讲的是数组里面的4个迭代方法的含义以及他们的使用。
ECMAScript为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运动的函数和(可选的)运行该函数的作用域对象——影响this的值。传人这些方法中的函数会接收三个函数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响访问的返回值。以下是5个迭代的方法其中4个的作用以及使用:
•filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。
•forEach():对数组中的每一项运行给定函数,这个方法没有返回值。
•map():对数组中每一项运行给定函数,返回每次函数调用的结果组成的函数。
•some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。
2.遇到问题:
遇到的问题就是在写任务4-4的时候,通过js来添加类名,然后改变样式,但是类名是加上去了,样式没有改了,我真是醉了,醉了啊!,然后开始捯酯,捣置啊,后来,在桦伟的激情调试啊,找到了原来是类名没有选上!
3.明日计划:
做任务5,并开始其中的,,,,,
4.今日收获:
//filter()方法
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item,index,array){
return (item > 2);
});
console.log(filterResult);
//map()方法
var mapResult = numbers.map(function(item,index,array){
return item*2;
});
console.log(mapResult);
评论