Maison > interface Web > js tutoriel > Quels sont les moyens de parcourir des tableaux et des objets à l'aide de jquery

Quels sont les moyens de parcourir des tableaux et des objets à l'aide de jquery

伊谢尔伦
Libérer: 2017-07-17 14:10:09
original
1626 Les gens l'ont consulté

grep

la méthode grep() est utilisée pour filtrer les éléments du tableau
grep(array,callback,invert)
array : tableau à filtrer ;
callback : Traitez chaque élément du tableau et filtrez les éléments. Cette fonction contient deux paramètres. Le premier est la valeur de l'élément actuel du tableau et l'autre est l'indice de l'élément actuel du tableau, c'est-à-dire la valeur de l'index de l'élément. Cette fonction doit renvoyer une valeur booléenne. Alternativement, cette fonction peut être définie sur une chaîne, qui, lorsqu'elle est définie sur une chaîne, est traitée comme une "forme lambda" (forme courte ?), où a représente l'élément du tableau et i représente l'index de l'élément valeur. Par exemple, "a > 0" représente "function(a){ return a > 0; }"
invert : booléen facultatif, valeur par défaut false, la valeur est vraie ou fausse, si " "invert" est faux ou défini, alors la fonction renvoie les éléments du tableau qui sont renvoyés vrais par la fonction de filtre. Lorsque "invert" est vrai, l'ensemble des éléments renvoyés faux par la fonction de filtre est renvoyé
.

<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>
Copier après la connexion

each
Comment utiliser each
Il existe une méthode each dans jQuery, qui est très pratique à utiliser. Vous n'êtes pas obligé d'écrire for comme avant Loop , le code source jQuery utilise également beaucoup chaque méthode.
En fait, chaque méthode dans jQuery est implémentée via la méthode d'appel dans js.

<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>
Copier après la connexion



inArray
jQuery.isArray(obj) est nouveau dans jQuery 1.3. Teste si l'objet est un tableau. Valeur de retour : Boolean
Paramètres : objObject Un objet utilisé pour tester s'il s'agit d'un tableau
Exemple : Détecter s'il s'agit d'un tableau

<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>
Copier après la connexion



map
map() transmet chaque élément à la collection correspondante actuelle via la fonction et génère un nouvel objet jQuery contenant la valeur de retour.
Puisque la valeur de retour est un tableau encapsulé par jQuery, utilisez get() pour traiter l'objet renvoyé afin d'obtenir le tableau sous-jacent. La méthode
.map() est particulièrement utile pour obtenir ou définir la valeur d'un ensemble d'éléments. Considérons le formulaire suivant avec une série de cases à cocher

<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>
Copier après la connexion



Itération sur l'objet 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>
Copier après la connexion


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal