數據(數組,json)的處理

有些時候咱們在作聯動事件以及獲取動態的數據是,給到咱們的都是數組,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>

處理數據還有不少其餘的方法,只不過這兩個是比較經常使用的,效果比較好的。函數

相關文章
相關標籤/搜索