Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um das JSON-Array zu durchlaufen-js-Tutorial-php.cn

Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um das JSON-Array zu durchlaufen

高洛峰

Freigeben： 2016-12-29 11:01:15

Original

923 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die einfache Implementierungsmethode von jQuery unter Verwendung von $.each zum Durchlaufen des JSON-Arrays. Teilen Sie es als Referenz mit allen:

<!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&#39;s no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
 });
 </script>
</body>
</html>
 </body>
</html>

Nach dem Login kopieren

$().each() Methode des JQuery-Objekts

Die Rückruffunktion hat zwei Parameter:

Der erste ist das Mitglied des Objekts oder der Index des Arrays

Iteriert durch das Array und verwendet dabei sowohl den Elementindex als auch den Inhalt

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

Nach dem Login kopieren

Die zweite ist die entsprechende Variable Oder der Inhalt

Wenn Sie jede Schleife verlassen müssen, können Sie dafür sorgen, dass die Rückruffunktion false zurückgibt und andere Rückgabewerte ignoriert werden.

jquery.each(obj,fn,arg)

Diese Methode hat drei Parameter: das zu bearbeitende Objekt obj, die zu bearbeitende Funktion fn und die Funktionsparameter args.

1.obj-Objekt ist ein Array

Jede Methode ruft die fn-Funktion nacheinander für die Unterelemente im Array auf, bis das Ergebnis durch den Aufruf eines bestimmten Unterelements zurückgegeben wird Mit anderen Worten: Wir können jeden Methodenaufruf nach Erfüllung bestimmter Bedingungen mit der bereitgestellten fn-Funktion beenden. Wenn jede Methode den arg-Parameter bereitstellt, ist der vom fn-Funktionsaufruf übergebene Parameter arg, andernfalls: der Unterelementindex, das Unterelement selbst

2.obj Das Objekt ist kein Array

Diese Methode ist dieselbe. Der größte Unterschied zwischen 1 und 1 besteht darin, dass die fn-Methode unabhängig vom Rückgabewert einzeln ausgeführt wird. Mit anderen Worten: Alle Eigenschaften des obj-Objekts werden von der fn-Methode aufgerufen, auch wenn die fn-Funktion false zurückgibt. Die im Aufruf übergebenen Parameter ähneln 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;
}

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der jQuery-Programmierung befassen.

Weitere einfache jQuery-Implementierungsmethoden zur Verwendung von $.each zum Durchlaufen von JSON-Arrays finden Sie auf der chinesischen PHP-Website!