|
|
改變自身pop,push,reverse,shift,sort,splice,unshift, 不改變自身concat,join,slice,indexOf,lastIndexOf(后兩個為1.6),1.6新增的迭代器：map,filter,forEach,every,some,1.8新增reduce,reduceRight
Array 對象的方法
FF: Firefox, N: NETscape, IE: InterNET Explorer
| 方法 | 描述 | FF | N | IE |
|---|---|---|---|---|
| concat() | 向數組的副本添加新的元素，返回新的數組，原數組不受影響 | 1 | 4 | 4 |
| join() | 把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。 | 1 | 3 | 4 |
| pop() | 刪除并返回數組的最后一個元素 | 1 | 4 | 5.5 |
| push() | 向數組的末尾添加一個或更多元素，并返回新的長度。 | 1 | 4 | 5.5 |
| reverse() | 顛倒數組中元素的順序。 | 1 | 3 | 4 |
| shift() | 刪除并返回數組的第一個元素 | 1 | 4 | 5.5 |
| slice() | 從某個已有的數組返回選定的元素 | 1 | 4 | 4 |
| sort() | 對數組的元素進行排序，有一個可選參數，為比較函數。 | 1 | 3 | 4 |
| splice() | 刪除元素，并向數組添加新元素。 | 1 | 4 | 5.5 |
| toSource() | 代表對象的源代碼 | 1 | 4 | - |
| toString() | 把數組轉換為字符串，并返回結果。 | 1 | 3 | 4 |
| toLocaleString() | 把數組轉換為本地數組，并返回結果。 | 1 | 3 | 4 |
| unshift() | 向數組的開頭添加一個或更多元素，并返回新的長度。 | 1 | 4 | 6 |
| valueOf() | 返回數組對象的原始值 | 1 | 2 | 4 |
Array 對象的屬性
| 方法 | 描述 | FF | N | IE |
|---|---|---|---|---|
| index | 1 | 3 | 4 | |
| input | 在普通的Array中是不具備input屬性的，只有在調用String對象的match()方法后返回的數組才具有input屬性。它是用來存放匹配前的原字符串的內容。 | 1 | 3 | 4 |
| length | 設置或返回數組中元素的數目。 | 1 | 2 | 4 |
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
判斷一個變量引用的對象是否為數組。
復制代碼 代碼如下:
var isArray = function(a){
return a &&
typeof a === 'object' &&
typeof a.length === 'number' &&
typeof a.splice === 'function' &&
!(a.propertyIsEnumerable('length'));
}
讓數組具有計算能力，這個也很常用，不要用于財會的特殊報表中。
復制代碼 代碼如下:
Function.prototype.method = function(name,func){
this.prototype[name] = func;
return this;
}
Array.method('reduce',function(fn,value){
for(var i=0,l=this.length;i<l;i++){
value = fn(this[i],value);
}
return value;
});
如何使用，我們可以創建一個數字數組與相關的四則運算函數，把它們代入reduce函數中就行了
復制代碼 代碼如下:
var data = [4,8,10,12,16]
var add = function(a,b){
return a+b;
}
var mult = function(a,b){
return a*b;
}
//使用
var sum = data.reduce(add,0)
var product = data.reduce(mult,1);
each方法，讓元素逐個執行傳入的方法。JavaScript 1.6里已經實現了相應的forEach方法，但IE不支持，人們搞了個相近的each方法，在各大類庫都有相應的實現。我們看一個漂亮的實現(作者為51JS的客服果果)：
復制代碼 代碼如下:
Array.prototype.each = function(fn){
for (var i=0;i <this.length;i++)
this[i].constructor==Array?
this[i].each(fn):
fn.call(this[i],i);
};
[1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]].each(
function(){
return alert(this);
});
上面這個比較強大，除了能深層遍歷數組外，還能遍歷類數組對象（如arguments,NodeList），對象的所有屬性都會被fn方法進行調用。但是從設計模式來看，它承擔職責太多了.each方法就應該是面向數組，如果是對象或類數組對象，我們應該將它們轉化為數組，如JQuery的 makeArray，mootools和Prototype的$A。
復制代碼 代碼如下:
var arrayize = function(iterable){
try{
return Array.prototype.slice.call(iterable);
}catch(e){
var l = iterable.length || 0, array = new Array(l);
while (l--) array[l] = iterable[l];
return array;
}
}
接著下來我們就可以實現純數組的each函數了。
復制代碼 代碼如下:
var each = function(func, array) {
for (var i=0,l = array.length; i<l; ++i) {
func(array[i])
}
}
然后再改成一個原型方法
復制代碼 代碼如下:
Array.prototype.each = function(func) { each(func,this); };
不過，如果瀏覽器支持Javascript1.6的forEach方法，就用forEach
復制代碼 代碼如下:
Array.prototype.each = function(func) {
if(Array.prototype.forEach){
this.forEach(func);
}else{
each(func,this);
}
};
用法：
復制代碼 代碼如下:
[4, 5, 6].each(function(index) { alert(index + "+2 = " + (index+2)); })
火狐官網還有一個實現:
復制代碼 代碼如下:
if (!Array.prototype.forEach)
{
Array.prototype.forEach = function(fun /*, thisp*/)
{
var len = this.length >>> 0;
if (typeof fun != "function")
throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this)
fun.call(thisp, this[i], i, this);
}
};
}
讓我們看一下jQuery提供的each方法的具體實現
jQuery.each(obj,fn,arg)
該方法有三個參數:進行操作的對象obj，進行操作的函數fn，函數的參數args。
讓我們根據ojb對象進行討論：
1.obj對象是數組
each方法會對數組中子元素的逐個進行fn函數調用，直至調用某個子元素返回的結果為false為止，也就是說，我們可以在提供的fn函數進行處理，使之滿足一定條件后就退出each方法調用。當each方法提供了arg參數時，fn函數調用傳入的參數為arg，否則為：子元素索引，子元素本身。
2.obj 對象不是數組
該方法同1的最大區別是：fn方法會被逐次不考慮返回值的進行進行。換句話說，obj對象的所有屬性都會被fn方法進行調用，即使fn函數返回false。調用傳入的參數同1類似。
復制代碼 代碼如下:
jQuery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;
}
}
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}
}
}
return obj;
}
需要特別注意的是each方法中fn的具體調用方法并不是采用簡單的fn(i,val)或fn(args),而是采用了 fn.call(val,i,val)或fn.apply(obj.args)的形式，這意味著，在你自己的fn的實現中，可以直接采用this指針引用數組或是對象的子元素。這種方式是絕大多數jQuery所采用的一種實現方式。
復制代碼 代碼如下:
Array.prototype.contains = function (obj) {
return this.indexOf(obj) != -1;
};
Array.prototype.copy = function (obj) {
return this.concat();
};
Array.prototype.insertAt = function (obj, i) {
this.splice(i, 0, obj);
};
Array.prototype.insertBefore = function (obj, obj2) {
var i = this.indexOf(obj2);
if (i == -1)
this.push(obj);
else
this.splice(i, 0, obj);
};
Array.prototype.removeAt = function (i) {
this.splice(i, 1);
};
Array.prototype.remove = function (obj) {
var i = this.indexOf(obj);
if (i != -1)
this.splice(i, 1);
};
JavaScript技術：javascript Array對象使用小結，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
