有些時候咱們在作聯動事件以及獲取動態的數據是,給到咱們的都是數組,json格式的數據。javascript
爲了方便快速的處理這些數據,jq給咱們提供了不少簡便的方法。java
each()方法jquery
在jQuery裏有一個each方法,用起來很是的爽,不用再像原來那樣寫for循環,jQuery源碼裏本身也有不少用到each方法。json
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var anObject = {one:1,two:2,three:3};//對json數組each $.each(anObject,function(name,value) { alert(name); alert(value); }); var anArray = ['one','two','three']; $.each(anArray,function(n,value){ alert(n); alert(value); } ); } ); </script>
grep()方法用於數組元素過濾篩選
grep(array,callback,invert)
array:待過濾數組;
callback: 處理數組中的每一個元素,並過濾元素,該函數中包含兩個參數,第一個是當前數組元素的值,一個是當前數組元素的下標,即元素索引值。此函數應返回一個布爾 值。另外,此函數可設置爲一個字符串,當設置爲字符串時,將視爲「lambda-form」(縮寫形式?),其中 a 表明數組元素,i 表明元素索引值。如「a > 0」表明「function(a){ return a > 0; }」
invert:布爾型可選項,默認值false,值爲true或false, 若是 「invert」 爲 false 或爲設置,則函數返回數組中由過濾函數返回 true 的元素,當」invert」 爲 true,則返回過濾函數中返回 false 的元素集數組
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//篩選出大於5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filterarray){ alert(filterarray[key]); //for循環的兩種方法; } } ); </script>
處理數據還有不少其餘的方法,只不過這兩個是比較經常使用的,效果比較好的。函數