$.each를 사용하여 json 배열을 탐색하는 간단한 jQuery 구현 방법-JS 튜토리얼-php.cn

$.each를 사용하여 json 배열을 탐색하는 간단한 jQuery 구현 방법

高洛峰

풀어 주다： 2016-12-29 11:01:15

원래의

963명이 탐색했습니다.

이 기사의 예에서는 $.each를 사용하여 json 배열을 탐색하는 jQuery의 간단한 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요.

<!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>

로그인 후 복사

jquery 개체의 $().each() 메서드는 모든 개체를 반복하는 데 사용할 수 있습니다. 🎜>콜백 함수에는 두 개의 매개변수가 있습니다.

첫 번째 매개변수는 객체의 멤버 또는 배열의 인덱스입니다.

요소 인덱스와 콘텐츠를 모두 사용하여 배열을 반복합니다

두 번째는 해당 변수 또는 내용

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

로그인 후 복사

각 루프를 종료해야 하는 경우 콜백 함수가 false를 반환하도록 할 수 있으며 다른 반환 값은 무시됩니다.

jquery.each(obj,fn,arg)

이 메서드에는 세 가지 매개 변수가 있습니다. 즉, 작업할 개체 obj, 작업할 함수 fn, 함수 매개 변수 args입니다.

1. obj 객체는 배열입니다.

각 메소드는 특정 하위 요소를 호출하여 결과가 반환될 때까지 배열의 하위 요소에 대해 fn 함수를 하나씩 호출합니다. 즉, 제공된 fn 함수를 통해 특정 조건을 충족한 후 각 메서드 호출을 종료할 수 있습니다. 각 메서드가 arg 매개 변수를 제공하는 경우 fn 함수 호출에 의해 전달된 매개 변수는 arg입니다. 그렇지 않으면 하위 요소 인덱스, 하위 요소 자체

2.obj 개체가 배열이 아닙니다

이 메소드는 같습니다. 1과 1의 가장 큰 차이점은 fn 메소드는 반환값에 관계없이 하나씩 실행된다는 점입니다. 즉, fn 함수가 false를 반환하더라도 obj 객체의 모든 속성은 fn 메서드에 의해 호출됩니다. 호출에 전달된 매개변수는 1과 유사합니다.

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

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

로그인 후 복사

$.each를 사용하여 json 배열을 탐색하는 jQuery의 간단한 구현 방법을 더 알아보려면 PHP 중국어 웹사이트를 참고하세요!