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>