javascript框架设计读书笔记之数组的扩展与修复
1.indexOf和lastIndexOf方法:
因为IE7在数组对象上使用indexOf会报错,所以需要重写一个兼容性的。
Array.prototype.lastIndexOf(item,index){ varn=this.length,i=(index==null||index>n-1)?n-1:index; if(i<0)i=n+i; for(;i>=0;i--) if(this[i]===item) //全等判断,indexOf,lastIndexOf returni; return-1; }
2.shuffle方法:对数组进行洗牌。
functionshuffle(target){ vari=target.length,j,temp; for(;i>0;j=parseInt(Math.random()*i),x=target[--i],target[i]=target[j],target[j]=x){} //假设length=10,那么Math.random()*10->[0,10),parseInt后,[0,9],随机的选择一个与数组最后一项交换。第二次循环,[0,8],与数组的倒数第二项交换。 returntarget; }
3.数组的平坦化处理:flatten,返回一个一维数组
functionflatten(arr){ varresult=[]; arr.forEach(function(item){ if(Array.isArray(item)) result.concat(flatten(item)); elseresult.push(item); }); returnresult; }
4.unique方法:对数组去重操作
此方法,面试官最喜欢问了,因为它有多种实现方法,最普通的是两个for循环。一般知道的最多的是使用一个对象a,然后一个for循环数组arr,每次if(a[arr[i]])是否存在,不存在则push到你新定义的数组result中。存在就证明,重复,因此不用push到result中。这种方案,针对"123",123,会认为相同的,其实一个是字符串,一个是数字,不应该认为是相同的。
所以就出现了以下方法:[1,"1","1"]
if((typeofobj[array[i]])!=(typeofarray[i])||obj[array[i]]!=array[i]){ a.push(array[i]); obj[array[i]]=array[i]; }
//首先判断类型是否相同,如果相同,就判断他们的值是否相等,不相等就存进去,相等就证明之前已经存在这个值了。
如果类型不相同,这里存在两种情况,
第一种情况,obj之前已经存了此数据了,比如:obj[123]=123,现在array[i]="123",这时,typeofobj[array[i]])是数字,而typeofarray[i]是字符串,因此存入数组中。
第二种情况是obj还没存此数据,比如:array[i]="123",obj["123"]=undefind,这时typeofobj[array[i]])就是typeofundefined=undefined,不等于typeofarray[i],存入数组中。
此种方法,可以解决字符串和数字相同的情况,但是无法解决对象相同的情况。比如:a={1:2},b={2:1};
第一次循环时,typeofobj[a]=undefined,typeofa=Object。存入obj[a]=a.其实就是obj[Object]=a;
第二次循环时,typeofobj[b]等于typeofobj[Object]其实就是typeofa=object,typeofb=object.因此进入到obj[array[i]]!=array[i]|,也就是obj[b]->obj[Object]->a!=b,因此存入
obj[b]=b;也就是obj[Object]=b;覆盖了之前的obj[Object]=a;
这种情况下,就会出现所有的对象,都只会存最后一个对象值。
当考虑对象时,我就会使用以下这种方法:
for(vari=0;i<temp.length;i++){ for(varj=i+1;j<temp.length;j++){ if(temp[i]===temp[j]){ temp.splice(j,1); j--; } } } returntemp;
5.数组排序:sort方法,如果要排序的是对象,可以自己写一个compare(a,b){if(a.age>b.age)return1;elsereturn-1;},A.sort(compare).
6.min返回数组最小值:returnMath.min.apply(0,array);
7.unshift在ie6,7下不返回数组长度。
if([].unshift(1)!==1) //往空数组中从前面添加一项,其他浏览器会返回1,而IE6,7不会返回数组长度。这时就执行if语句 { var_unshift=Array.prototype.unshift; //函数劫持。 Array.prototype.unshift=function(){ _unshift.apply(this,arguments); returnthis.length; } }
8.splice在一个参数的情况下,IE8以及以下版本默认第二个参数为0,而其他浏览器是数组长度。
if([1,2,3].splice(1).length==0) //IE8以及以下版本会等于0,其他版本会等于3,进入if里面 { var_splice=Array.prototype.splice; Array.prototype.splice=function(a){ if(arguments.length==1) //如果只有一个参数时 { return_splice.call(this,a,this.length); }else{ return_splice.apply(this,arguments); } } }
这个方法会改变数组的选项,因此数组的push,pop,shift,unshift(这几个方法也会修改数组的选项)都会调用这个方法来实现。
这里有一个地方需要注意:
varcolor=newArray('red','blue','yellow','black'); varcolor2=color.splice(2,0,'brown','pink'); alert(color);//red,blue,brown,pink,yellow,black,在yellow选项上,开始操作,如果删除为0,则添加的选项是在yellow之前插入。切记。
这里请大家去看下splice和slice的区别,返回值,以及对原数组的影响。
以上就是本节的内容的精简版了,虽然精简,但重点都在,希望对大家阅读本节的时候能有所帮助