jQuery陣列相關操作程式碼

一.$.each()方法:

此方法是通用便利方法，不但可以便利物件也可以便利陣列，這一點和$(selector).each()方法有所不同，$(selector).each()方法只能夠遍歷dom物件。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["螞蟻部落","青島市南區",2,"分享互助"];
$.each(theArray,function(index,ele){
  console.log("索引:"+index+",值:"+ele);
})

更多內容可以參閱jQuery.each()一章節。

二.$.grep()方法:

此方法可以過濾陣列元素。

方法可以根據過濾函式的返回值和第三個引數來決定要過濾的陣列元素。

如果第三個引數為true，那麼過濾函式返回值為true的時候的陣列元素被過濾掉，為false的時候也是同樣的道理。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["螞蟻部落","青島市南區","教程","分享互助"];
var func=function(ele,index){
  if(ele.length>4){
    return true;
  }
  else{
    return false;
  }
}
alert($.grep(theArray,func,true));

由於第三個引數為true， 那麼返回的陣列就是原來陣列去掉當過濾函式返回true時的陣列元素的陣列。可能比較繞，也就是說如果第三個引數為true，那麼過濾函式func返回true時參加運算的引數元素將被過濾掉。

更多相關內容可以參閱jQuery.grep()一章節。

三. $.map()方法:

此方法可以轉換一個陣列生成一個新的陣列。

具有兩個引數，第一個引數是要被轉換的陣列。第二個引數是函式，此函式會被每個陣列元素所呼叫，並可接收要被轉換的陣列中的元素作為引數，並返回轉換後的值。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["螞蟻部落","青島市南區","教程","分享互助"];
var func=function(ele){
  if(ele.length>4){
    ele=ele.substring(0,4)
  }
  return ele;
}
alert($.map(theArray,func));

以上程式碼可以返回一個新的陣列，陣列元素中字串的最大長度為4。

更多相關內容可以參閱jQuery.map()一章節。 

四.$.inArray()方法:

此函式可以判斷陣列中是否含有指定的值。

如果存在則返回指定值在陣列中的索引位置，如果不存在則返回-1。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["螞蟻部落","青島市南區","教程","分享互助"];
alert($.inArray("教程",theArray));

以上程式碼的彈出值是2，也就是說"教程"是陣列的第三個元素。

五.$.merge()方法:

此函式可以合併兩個陣列。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var arr=[2,3,4]; 
var arry=[3,4,5]; 
var newarr; 
newarr=jQuery.merge(arr,arry);

以上程式碼中會合並兩個陣列，第一個引數arr會被修改。

更多相關內容可以參閱jQuery.merge()一章節。