jquery가 배열을 탐색 및 필터링하고 json 객체를 탐색 및 구문 분석하는 여러 가지 방법-JS 튜토리얼-php.cn

jquery grep()은 배열을 필터링하고 탐색합니다.

코드 복사 코드는 다음과 같습니다.

 
 $().ready ( 
function(){ 
var array = [1,2,3,4,5,6,7,8,9]; 
var filterarray = $.grep(array ,function(value) { 
반환 값 > 5; // 5보다 큰 
})을 필터링합니다. 
for(var i=0;ialert(filterarray[i ]) 
} 
for(filterarray의 키){ 
alert(filterarray[key]) 
} 
} 
); >
 

jquery Each()는 배열을 필터링하고 순회합니다

코드 복사 코드는 다음과 같습니다.

$().ready ( 
function(){ 
var anObject = {one:1,two:2, three:3};//json 배열 각각 
$ .each(anObject,function(name,value) { 
alert(name); 
alert(value); 
}) 
var anArray = ['one','two',' three']; 
$.each(anArray ,function(n,value){ 
alert(n); 
alert(value); 
} 
) 
); 

 
jquery inArray()는 배열을 필터링하고 탐색합니다

코드 복사 코드

$().ready(

function(){ 
var anArray = ['one','two',' three']; 
var index = $.inArray('two',anArray); 
alert(index);//배열에 있는 값의 키 값을 반환하고 1을 반환합니다. 
alert(anArray[index]);//value 
} 
); 

 
jquery map()은 배열을 필터링하고 탐색합니다

코드 복사 코드는 다음과 같습니다.

$() .ready(

function(){ 
var strings = ['0','1','2 ','3','4','S','6']; 
var 값 ​​= $.map(strings,function(value){ 
var result = new Number(value); 
return isNaN(result) ? null:result;//isNaN:is는 Not a Number
} 
) 
for(key in value) { 
alert(values[ key]); 
} 
); 

 
 js json 객체 1 탐색 및 구문 분석 

코드 복사

코드는 다음과 같습니다. var json = [{dd :'SB',AA:'东东',re1:123},{cccc: 'dd',lk:'1qw'}]; for(var i=0,l=json.length;i< l;i ){

for(var key in json[i]){

alert(key ':' json[i][key]); 
} 
} 

 
js 순회 및 파싱 json 객체 2 

에는 다음이 있습니다. json 개체: 

var obj ={"name":"Feng Juan","password":"123456″,"department":" 기술 부서","sex":"female","old":30} ;
순회 방법:

코드 복사

코드는 다음과 같습니다. for( var p in obj){ str = str obj[p] ',';

return str;

} 

다음은 구체적인 구현 방법을 예시한 것입니다. 

JQuery가 객체를 가져오는 방식

$('#id'): 요소의 ID를 통해
$('tagName '): 요소의 태그 이름을 전달
$('tagName tagName'): 요소의 태그 이름을 전달합니다. 예: $('ul li')
$('tagName#id): ID와 태그 이름을 전달합니다.
$(' :checkbox'): 입력 유형이 checkbox'인 모든 요소를 가져옵니다.
예: value="imperial "/>

$('span[price] input[type=text]'): 다음 입력 요소

< input type="text" name="imperial. 수량"
disabled="disabled" value="1"/>

$('div',$(this) .parents('div:first')): div 위의 첫 번째 div 노드 가져오기(적어도 상위 노드)
$('~span:first',this):

인 이 요소의 첫 번째 형제를 찾습니다. 지연 로드 js 파일:
$.getScript

예:
Html 파일:

코드 복사

코드는 다음과 같습니다.