jQuery 배열 처리 방법 요약_jquery-JS 튜토리얼-php.cn

jQuery 배열 처리 방법 요약_jquery

WBOY

풀어 주다： 2016-05-16 18:05:52

원래의

1057명이 탐색했습니다.

$.each(array, [callback]) 순회, 매우 일반적으로 사용됨

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

 
var arr = ['javascript', 'php', 'java', 'c', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c '] 
$.each(arr, function(key, val) { 
// firebug console 
console.log('index in arr:' key ", 해당 값:" val); 
// 루프를 종료하려는 경우 
// return false 
}) 

$.grep(array, callback, [invert]) 필터, 일반적으로 사용됨

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

 
var temp = []; temp = $.grep(arr, function(val , key) { 
if(val.indexOf('c') != -1) 
return true; 
// [invert] 매개변수인 경우 제공되지 않거나 false인 경우 $.grep은 콜백만 수집합니다. 함수는 true 배열 요소를 반환합니다. 
 // 그렇지 않은 경우 [invert] 매개변수는 true입니다. $.grep은 콜백 함수를 수집하여 false 배열 요소를 반환합니다. 
}, false); 
console.dir(temp); 

 

$.map(array, [callback])이 너무 많이 사용되지 않음

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

//1.6 이전 버전은 배열만 지원합니다
temp = $.map(arr, function(val , key) { 
//return null, 반환된 배열의 길이가 1 감소합니다. 
if(val === 'vb') return null; 
return val; 🎜>console.dir(temp); 
//Json 형식은 1.6부터 지원됩니다. object 
var obj = {key1: 'val1', key2: 'val2', key3: 'val3'}; temp = $.map(obj, function(val, key) { 
return val ; 
}) 
console.dir(temp) 

 
$.inArray( val, array)가 일반적으로 사용되는 지정된 배열에 있는지 확인하기 위해 

코드 복사

코드는 다음과 같습니다. //배열의 요소 위치를 반환합니다. 0은 시작 위치이고, -1을 반환합니다. 요소를 찾을 수 없습니다. console.log($.inArray('javascript', arr) );

 
$.merge(first, second)는 두 개의 배열을 병합하며, 사용 빈도는 일반적으로 

코드 복사

코드는 다음과 같습니다. var frontEnd = ['javascript', 'css', 'html '], backEnd = ['java', 'php' , 'c ']// 이 메소드는 frontEnd 배열인 첫 번째 매개변수를 수정합니다.

temp = $.merge(frontEnd , backEnd)

console.dir(temp); >console.dir(frontEnd); 
// 원본 배열에 미치는 영향을 피하기 위해 다음 방법을 사용할 수 있습니다. 
// $.merge( $.merge([], frontEnd), backEnd) 

 
$.unique(array)는 일반적으로 사용되지 않는 배열의 중복 요소를 필터링합니다. 

코드 복사

코드는 다음과 같습니다.

blahblahblah....

// $ .unique는 DOM 요소 배열만 지원하고 중복된 DOM 요소를 제거하며 다른 유형의 배열(문자열 또는 숫자)은 지원하지 않습니다.

// jQuery로 캡슐화되지 않은 원래 DOM 배열 가져오기 
var divs = $('div ').get();// dup 클래스로 몇 개의 div 추가 
divs = divs.concat($('div.dup') .get()); 고유 전:" divs.length); 
divs = $.unique(divs); 
console.log("고유 후:" divs.length ; 
 코드는 다음과 같습니다. 

 
//먼저 배열형 객체란 무엇인가요? jQuery 공식 홈페이지에서는 divs = getElementsByTag('div')를 예로 사용합니다. 
//이 div는 배열과 유사합니다. 길이, [index] 등을 통해 요소를 얻는 등
//$.makeArray(divs)를 통해 배열로 변환하고, 배열의 다른 기능을 사용할 수 있습니다
//reverse()와 같은, pop() 등

 
$(dom).toArray()는 jQuery 컬렉션을 일반적으로 사용되지 않는 DOM 배열로 복원

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

//makeArray와 동일하며 매우 흔하지 않으며 일반적으로 무시할 수 있습니다. 
이 기사 Mr.Think의 블로그를 참조합니다. 공유해 주셔서 감사합니다.