jQuery 배열 처리 방법 요약_jquery

$.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의 블로그를 참조합니다. 공유해 주셔서 감사합니다.

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.