Maison > Article > interface Web > Une méthode d'implémentation simple de jQuery utilisant $.each pour parcourir json array_jquery

Une méthode d'implémentation simple de jQuery utilisant $.each pour parcourir json array_jquery

WBOYoriginal: 2016-05-16 15:05:082220parcourir

L'exemple de cet article décrit la méthode d'implémentation simple de jQuery utilisant $.each pour parcourir le tableau json. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=gb2312" />
 <title>jquery $.each遍历json数组方法</title>
 <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
 <script>
 var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吴磊", lang: "ext" }]; 
 $.each( arr, function(index, content)
 { 
  alert( "the man's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
 });
 </script>
</body>
</html>
 </body>
</html>

Méthode $().each() de l'objet jquery, cette méthode peut être utilisée pour parcourir n'importe quel objet

La fonction de rappel a deux paramètres :

Le premier est le membre de l'objet ou l'index du tableau

Parcourez un tableau, en utilisant à la fois l'index et le contenu des éléments

$.each( [0,1,2], function(index, content){
 alert( "item #" + index + " its value is: " + content );
});

La seconde est la variable ou le contenu correspondant

Si vous devez quitter chaque boucle, vous pouvez faire en sorte que la fonction de rappel renvoie false et les autres valeurs de retour seront ignorées.

jquery.each(obj,fn,arg)

Cette méthode a trois paramètres : l'objet obj sur lequel opérer, la fonction fn sur laquelle opérer et les paramètres de fonction args.

L'objet 1.obj est un tableau

La méthode

each appellera la fonction fn un par un sur les sous-éléments du tableau jusqu'à ce que le résultat renvoyé en appelant un certain sous-élément soit faux. En d'autres termes, nous pouvons le traiter avec la fonction fn fournie. faites-le remplir certaines conditions. Quittez simplement chaque appel de méthode. Lorsque la méthode each fournit le paramètre arg, le paramètre passé par l'appel de la fonction fn est arg, sinon : l'index du sous-élément, le sous-élément lui-même

L'objet 2.obj n'est pas un tableau

La plus grande différence entre cette méthode et 1 est que la méthode fn sera exécutée l'une après l'autre sans tenir compte de la valeur de retour. En d'autres termes, toutes les propriétés de l'objet obj seront appelées par la méthode fn, même si la fonction fn renvoie false. Les paramètres transmis lors de l'appel sont similaires à 1.

jquery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;
       }
      }
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}
      }
}
return obj;
}

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Un résumé des techniques de données json du fonctionnement jQuery", "Un résumé spécial de commutation jQuery effets et techniques", " Résumé des effets et techniques spéciaux de glisser-déposer jQuery", "Résumé des techniques d'extension jQuery", "Résumé des jQuery classiques courants effets spéciaux", "animation jQuery et effets spéciaux Résumé de l'utilisation ", "Résumé de l'utilisation du sélecteur jquery " et "Plug-ins communs jQuery et résumé de l'utilisation "

J'espère que cet article sera utile à tous ceux qui programment jQuery.

Déclaration：

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

Article précédent：Comment utiliser le composant JS Bootstrap ContextMenu, clic droit menu_javascript skillsArticle suivant：Comment utiliser le composant JS Bootstrap ContextMenu, clic droit menu_javascript skills

Articles Liés

Voir plus