suchen

Heim >Web-Frontend >js-Tutorial >Eine einfache Implementierungsmethode von jQuery, die $.each verwendet, um das JSON-Array zu durchlaufen

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

高洛峰
高洛峰Original
2016-12-29 11:01:15960Durchsuche

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>

$().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 );
});

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;
}

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!


Stellungnahme：
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
Vorheriger Artikel：Detaillierte Erläuterung der Knotenoperationsmethoden wie every(), find() und filter() in jQuery (empfohlen)Nächster Artikel：Detaillierte Erläuterung der Knotenoperationsmethoden wie every(), find() und filter() in jQuery (empfohlen)

In Verbindung stehende Artikel

Mehr sehen