1.indexOf和lastIndexOf方法:
因為IE7在數組對象上使用indexOf會報錯,所以需要重寫一個兼容性的。
復制代碼 代碼如下:
Array.prototype.lastIndexOf(item,index){
var n = 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
return i;
return -1;
}
2.shuffle方法:對數組進行洗牌。
復制代碼 代碼如下:
function shuffle(target){
var i = 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],與數組的倒數第二項交換。
return target;
}
3.數組的平坦化處理:flatten,返回一個一維數組
復制代碼 代碼如下:
function flatten(arr){
var result = [];
arr.forEach(function(item){
if(Array.isArray(item)) result.concat(flatten(item));
else result.push(item);
});
return result;
}
4.unique方法:對數組去重操作
此方法,面試官最喜歡問了,因為它有多種實現方法,最普通的是兩個for循環。一般知道的最多的是使用一個對象a,然後一個for循環數組arr,每次if(a[arr[i]])是否存在,不存在則push到你新定義的數組result中。存在就證明,重復,因此不用push到result中。這種方案,針對"123",123,會認為相同的,其實一個是字符串,一個是數字,不應該認為是相同的。
所以就出現了以下方法:[1,"1","1"]
復制代碼 代碼如下:
if ((typeof obj[array[i]]) != (typeof array[i]) || obj[array[i]] != array[i]) {
a.push(array[i]);
obj[array[i]] = array[i];
}
//首先判斷類型是否相同,如果相同,就判斷他們的值是否相等,不相等就存進去,相等就證明之前已經存在這個值了。
如果類型不相同,這裡存在兩種情況,
第一種情況,obj之前已經存了此數據了,比如:obj[123] = 123,現在array[i] = "123",這時,typeof obj[array[i]])是數字,而typeof array[i]是字符串,因此存入數組中。
第二種情況是obj還沒存此數據,比如:array[i] = "123",obj["123"] = undefind,這時typeof obj[array[i]])就是typeof undefined = undefined,不等於typeof array[i],存入數組中。
此種方法,可以解決字符串和數字相同的情況,但是無法解決對象相同的情況。比如:a = {1:2}, b ={2:1};
第一次循環時,typeof obj[a] = undefined,typeof a = Object。存入obj[a] =a.其實就是obj[Object] = a;
第二次循環時,typeof obj[b] 等於typeof obj[Object]其實就是typeof a = object,typeof b = object.因此進入到obj[array[i]] != array[i]|,也就是obj[b]->obj[Object]->a != b,因此存入
obj[b] = b;也就是obj[Object] = b;覆蓋了之前的obj[Object] = a;
這種情況下,就會出現所有的對象,都只會存最後一個對象值。
當考慮對象時,我就會使用以下這種方法:
復制代碼 代碼如下:
for(var i = 0; i < temp.length; i++){
for(var j = i + 1; j < temp.length; j++){
if(temp[i] === temp[j]){
temp.splice( j, 1 );
j--;
}
}
}
return temp;
5.數組排序:sort方法,如果要排序的是對象,可以自己寫一個compare(a,b){if(a.age>b.age) return 1;else return -1;},A.sort(compare).
6.min返回數組最小值:return Math.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);
return this.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(這幾個方法也會修改數組的選項)都會調用這個方法來實現。
這裡有一個地方需要注意:
復制代碼 代碼如下:
var color = new Array('red','blue','yellow','black');
var color2 = color.splice(2,0,'brown','pink');
alert(color); // red,blue,brown,pink,yellow,black,在yellow選項上,開始操作,如果刪除為0,則添加的選項是在yellow之前插入。切記。
這裡請大家去看下splice和slice的區別,返回值,以及對原數組的影響。
以上就是本節的內容的精簡版了,雖然精簡,但重點都在,希望對大家閱讀本節的時候能有所幫助