Heim > Web-Frontend > js-Tutorial > Welche Möglichkeiten gibt es, Arrays und Objekte mit jquery zu durchlaufen?

Welche Möglichkeiten gibt es, Arrays und Objekte mit jquery zu durchlaufen?

伊谢尔伦
Freigeben: 2017-07-17 14:10:09
Original
1634 Leute haben es durchsucht

grep

grep()-Methode wird zum Filtern von Array-Elementen verwendet
grep(array,callback,invert)
array: zu filterndes Array;
Rückruf: Verarbeiten Sie jedes Element im Array und filtern Sie die Elemente. Der erste ist der Wert des aktuellen Array-Elements und der andere ist der Index des aktuellen Array-Elements, dh der Elementindexwert. Diese Funktion sollte einen booleschen Wert zurückgeben. Alternativ kann diese Funktion auf einen String gesetzt werden, der, wenn er auf einen String gesetzt ist, als „Lambda-Form“ (Kurzform?) behandelt wird, wobei a das Array-Element und i den Elementindex darstellt Wert. Beispielsweise steht „a > 0“ für „function(a){ return a > 0; }“
invert: Boolean optional, Standardwert false, Wert ist true oder false, wenn „ „invert“ ist „false“ oder „set“, die Funktion gibt die Elemente im Array zurück, die von der Filterfunktion „true“ zurückgegeben werden. Wenn „invert“ „true“ ist, wird die Menge der Elemente zurückgegeben, die von der Filterfunktion „false“ zurückgegeben werden

<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>
Nach dem Login kopieren

each
So verwenden Sie Each
In jQuery gibt es eine Each-Methode, die für Sie sehr praktisch ist Sie müssen keine for-wie-before-Schleife schreiben, der jQuery-Quellcode verwendet jede Methode auch häufig.
Tatsächlich wird jede Methode in jQuery durch die Aufrufmethode in js implementiert.

<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>
Nach dem Login kopieren



inArray
jQuery.isArray(obj) ist neu in jQuery 1.3. Testet, ob das Objekt ein Array ist. Rückgabewert: Boolean
Parameter: objObject Ein Objekt, mit dem getestet wird, ob es ein Array ist
Beispiel: Erkennen, ob es sich um ein Array handelt

<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>
Nach dem Login kopieren



map
map() übergibt jedes Element über die Funktion an die aktuell passende Sammlung und generiert ein neues jQuery-Objekt, das den Rückgabewert enthält.
Da der Rückgabewert ein von jQuery gekapseltes Array ist, verwenden Sie get(), um das zurückgegebene Objekt zu verarbeiten und das zugrunde liegende Array abzurufen. Die Methode
.map() ist besonders nützlich, um den Wert einer Reihe von Elementen abzurufen oder festzulegen. Betrachten Sie das folgende Formular mit einer Reihe von Kontrollkästchen

<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>
Nach dem Login kopieren



Iterieren über das JSON-Objekt:

<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>
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, Arrays und Objekte mit jquery zu durchlaufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage