jQuery를 사용하여 객체 array_jquery를 작동하기 위한 구현 코드

jQuery는 주로 배열 요소 작업을 위해 다음 도구를 제공합니다.
(1) 배열과 객체의 반복: jQuery.each(obj,callback)
객체와 배열을 반복하는 데 사용할 수 있는 일반적인 반복 방법입니다. 콜백 함수에는 두 개의 매개변수가 있습니다. 첫 번째 매개변수는 객체의 멤버 또는 배열의 인덱스이고 두 번째 매개변수는 해당 변수 또는 콘텐츠입니다. 각 루프를 종료해야 하는 경우 콜백 함수가 false를 반환하도록 하면 다른 반환 값은 무시됩니다.
(2) 배열 요소 필터링: jQuery.grep(array,callback,[invert])
필터 함수를 사용하여 배열 요소를 필터링합니다. 이 함수는 필터링할 배열과 필터 함수라는 두 개 이상의 매개변수를 전달합니다. 필터 함수는 요소를 유지하려면 true를 반환하고 요소를 제거하려면 false를 반환해야 합니다.
(3) 배열 요소 검색: jQuery.inArray(value,array)
배열에서 첫 번째 매개변수의 위치를 ​​결정합니다(찾지 못하면 -1 반환).
(4) 중복 요소 삭제: jQuery.unique(array)
배열에서 중복 요소를 삭제합니다.
다음 예에서는 객체 배열 필터링을 사용하여 지정된 속성이 지정된 값인 배열 요소를 얻거나 삭제합니다.

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

<script> <BR>/**<BR>* 속성이 objPropery이고 값이 objValue인 객체를 객체 배열에서 삭제<BR>* @param Array arrPerson array object<BR>* @param String objPropery 객체의 속성<BR>* @param String objPropery 객체의 값<BR>* @return 배열 필터링된 배열<BR>*/ <BR>함수 제거(arrPerson,objPropery,objValue) <BR>{ <BR>$를 반환합니다. grep(arrPerson , function(cur,i){ <BR>return cur[objPropery]!=objValue; <BR>}) <BR>} <BR>/**<BR>* 속성이 objPropery이고 값이 objValue인 객체를 객체 배열에서 가져옵니다.<BR>* @param Array arrPerson array object<BR>* @param String objPropery 객체의 속성<BR>* @param String objPropery 객체의 값<BR>* @return 배열 필터링된 배열<BR>*/ <BR>function get( arrPerson,objPropery ,objValue) <BR>{ <BR>return $.grep(arrPerson, function(cur,i){ <BR>return cur[objPropery]==objValue; <BR>}) <BR>/ **<BR>* 객체 배열 정보 표시 <BR>* @param 문자열 정보 프롬프트 정보 <BR>* @param Array arrPerson 객체 배열 <BR>*/ <BR>function showPersonInfo(info,arrPerson) <BR>{ <BR>$.each(arrPerson, function(index,callback){ <BR>info ="Person id:" arrPerson[index].id " 이름:" arrPerson[index].name " 성별:" arrPerson[index].sex " 나이:" arrPerson[index].age "rt" <BR>}); (정보) ; <BR>}//테스트 데이터<BR>var arrPerson=new Array() <BR>var person=new Object() <BR>person.id=1; .name= "잘생긴 남자"; <BR>person.age=30; <BR>person=new Object(); >person.id =2; <BR>person.name="Meimeijia"; <BR>person.age=28>arrPerson.push(사람); >person= new Object(); <BR>person.id=3; <BR>person.name="Meimei B" <BR>person.age=20; 🎜>arrPerson .push(person); <BR>//삭제 테스트<BR>showPersonInfo("원본 배열: t",arrPerson); <BR>arrPerson=remove(arrPerson,"id",1); <BR>showPersonInfo("삭제 후: t",arrPerson); <BR>//가져오기 테스트<BR>arrPerson=get(arrPerson,"id",3); <BR>showPersonInfo("ID 3인 요소만 가져오기: rt",arrPerson); <BR></script>