首頁  >  文章  >  web前端  >  有哪些方法使用jquery遍歷數組和對象

有哪些方法使用jquery遍歷數組和對象

伊谢尔伦
伊谢尔伦原創
2017-07-17 14:10:091578瀏覽

grep

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=&#39;text/javascript&#39; 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]);
        }
    }
);
</script>

 

each
each的使用方法
在jQuery裡有一個each方法,用起來非常的爽,不用再像原來那樣寫for循環,jQuery原始碼裡自己也有很多用到each方法。
其實jQuery裡的each方法是透過js裡的call方法來實現的。

<script type=&#39;text/javascript&#39; 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 = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
        $.each(anArray,function(n,value){
            alert(n);
            alert(value);
        }
        );
    }
);
</script>



inArray
jQuery.isArray(obj) 是 jQuery 1.3 新增。測試物件是否為數組。傳回值:Boolean
參數: objObject用於測試是否為陣列的物件
範例:偵測是否為陣列

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anArray = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
        var index = $.inArray(&#39;two&#39;,anArray);
        alert(index);//返回该值在数组中的键值,返回1
        alert(anArray[index]);//value is two
    }
);
</script>



##map
## map() 把每個元素經由函數傳遞到目前符合集合中,產生包含傳回值的新的jQuery 物件。
由於傳回值是 jQuery 封裝的數組,使用 get() 來處理傳回的物件以獲得基礎的陣列。
.map() 方法對於獲得或設定元素集的值特別有用。請思考下面這個帶有一系列
複選框的表單

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var 
string
s = [&#39;0&#39;,&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;S&#39;,&#39;6&#39;];
        var values = $.map(strings,function(value){
                var result = new Number(value);
                return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
            }
        );
        for (key in values) {
            alert(values[key]);
        }
    }
);
</script>



#遍歷json物件:

<script>
var json = [{dd:&#39;SB&#39;,AA:&#39;东东&#39;,re1:123},{cccc:&#39;dd&#39;,lk:&#39;1qw&#39;}];
for(var i=0,l=json.length;i<l;i++){
    for(var key in json[i]){
        alert(key+&#39;:&#39;+json[i][key]);
    }
}
</script>


######################################################################### ####

以上是有哪些方法使用jquery遍歷數組和對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn