要求:
1、只能在指定的位置填写自己的代码,本文件里的其他代码不能修改
2、所有题目都不允许添加全局变量名
3、本文件应该能在firebug的console里正常执行,并输出结果
4、代码最优化,效率最高
5、代码注释明确
var each = function(obj,fn){
//答题开始
//答题结束
}
try{
var data1 = [4,5,6,7,8,9,10,11,12];
var data2 = {
"a": 4,
"b": 5,
"c": 6
};
console.group(data1);
each(data1, function(o){
if( 6 == this )
return true;
else if( 8 == this )
return false;
console.log(o + ": \"" + this + "\"");
});
console.groupEnd();
/*------[执行结果]------
1: "4"
2: "5"
4: "7"
------------------*/
console.group(data2);
each(data2, function(v, n){
if( 5 == this )
return true;
console.log(n + ": \"" + v + "\"");
});
console.groupEnd();
/*------[执行结果]------
a: "4"
c: "6"
------------------*/
}catch(e){
console.error("执行出错,错误信息: " + e);
}
今天就来解决并且讲解下上面这道题
var each = function(obj,fn){
for(var key in obj){
/*首先遍历下函数的一个参数obj,也就是data1和data2.为什么要选择for,in循环呢?因为它既能遍历数组data1,又能遍历字典(json)data2.*/
var value = obj[key];
/*这边要了解到value,key分别是什么东西。在data1传入的时候value是数组中各个元素,key是数组的索引。在data2传入的时候value是值(4,5,6),key是属性(a,b,c).*/
fn1 = fn.bind(value);
/*这行代码为了第一道题所创建.根据题目console.log(o + ":" \"" + this + "\"");希望输出的是1:"4" 2:"5" 4:"7"; 从题目输出的要求可以看出前面是数组的索引值,虽然对应的值好像整体少了1.还可以看出o对应索引,this对应数组的元素.因为o能直接获取到(key),this的话需要添加data1才能获取到,因此我们用了bind()函数,bind函数第一个参数就是添加元素到指定函数里,指向**this**.把value添加到fn里面然后赋值给fn1.*/
if(!isNaN(key)){
/*如果key是数字的话,执行以下代码*/
var r = fn1(++key);
/*这里的fn1就是上面代码中fn绑定value(data1数组元素)后的函数,函数里面传了个参数++key。我们都知道key是索引,但是为什么要前面写上++呢,细心的朋友发现了,因为答案的索引值比实际索引值要多1.代码到这边,输出下r试试,r会把所有的索引值和对应的data1元素都给输出,还能发现除了数组元素6是返回true和8是返回false,其他都是undefined.*/
if(r === false){
break;
/*因为想要执行结果为1:"4" 2:"5" 4:"7",也就是不要包括数组元素8和对应的索引值+1后面的值.根据已有的代码当数组元素是8时返回false,只要当r恒等于false就停止后面的输出.这边已经是满足第一题的答案要求了,那为什么数组元素少了个6呢,细心的朋友已经发现了,因为当数组元素等于6时,直接返回true了.*/
}
}
else{
/*如果key不是数字,执行下面这段代码.*/
fn1(value,key);
/*看console.log(n + ": \"" + v + "\""),想要执行的结果为a:"4",c:"6".左边的属性便是key,对应参数n.右边的属性值便是value,对应参数v.直接调用传入参数就好了.*/
};
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。