자바스크립트에서 forEach문은 아래와 같이 쓰인다.(대소문자에 유의하기 바란다)
arr.forEach(callback[, thisArg])
그리고 jquery에서 foreach문은 아래 소스처럼 쓰인다.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
var arr = { "a":"에이",
"z":"제트",
"asdf":"에이에스디에프"};
$( function(){
$.each(arr, function(key, val) {
$('#a').html($('#a').html() + "키 : "+key+" , 값 : "+val+"<br>");
});
});
</script>
<span id="a"></span>
키 : a , 값 : 에이
키 : z , 값 : 제트
키 : asdf , 값 : 에이에스디에프
키 : z , 값 : 제트
키 : asdf , 값 : 에이에스디에프
$.each(arr, function(key, val) 구문이 foreach역활을 한다고 보면 된다.
그런데 한가지, 반복문이라면 필요한 break와 continue가 필요할것이다. 이것에 대해서도 방법이 있다. 엄연히 함수이기 때문에,
return true : continue
return false : break
가 되어 버린다.
해당 구문은 배열이 들어가는 부분에 클래스나 오브젝트를 집어 넣어서 해당 클래스나 오브젝트 전체를 훑는 것도 가능하다.
실행해보고 알아서 응용해서 쓰기 바란다.
출처1 : http://api.jquery.com/jQuery.each/ 의 댓글중에서
출처2 : http://shareourideas.com/2010/10/18/break-and-continue-in-jquery-each-function/