메뉴 건너뛰기

2021.03.26 14:16

foreach문

조회 수 195 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

자바스크립트에서 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 , 값 : 에이에스디에프

$.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/


  1. draggable - div 드래그

    Date2021.03.31 Views273
    Read More
  2. 마우스 좌표 얻기

    Date2021.03.31 Views271
    Read More
  3. change 전의 값을 가져오기

    Date2021.03.26 Views251
    Read More
  4. 제이쿼리에서 클래스(class) 이름 추가/삭제

    Date2021.03.31 Views233
    Read More
  5. 라디오 버튼 선택값 가져오기

    Date2021.03.26 Views229
    Read More
  6. jQuery로 접속 주소(URL) 알아내기

    Date2021.03.25 Views228
    Read More
  7. prepend / append - element 추가 (부모/자식 관계)

    Date2021.03.31 Views225
    Read More
  8. parent of the iframe element selector

    Date2021.03.31 Views216
    Read More
  9. jquery 사용자정의 속성의 사용

    Date2021.03.25 Views211
    Read More
  10. 행에 징검다리 스타일 입히기 (:odd, :even)

    Date2021.03.31 Views210
    Read More
  11. CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때

    Date2021.03.25 Views200
    Read More
  12. foreach문

    Date2021.03.26 Views195
    Read More
  13. 모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예

    Date2021.03.25 Views189
    Read More
  14. input checkbox 모두 체크하기

    Date2021.03.26 Views176
    Read More
  15. focus() 로 오브젝트 옮기기

    Date2021.03.26 Views171
    Read More
  16. radio 제어하기

    Date2021.03.25 Views170
    Read More
  17. before / after / insertBefore / insertAfter - element 추가 (동등 관계)

    Date2021.03.31 Views168
    Read More
  18. jQuery 사용자 정의 속성이 잘 반영되지 않은 경우

    Date2021.03.25 Views158
    Read More
  19. easing - 효과의 진행 속도

    Date2021.03.26 Views156
    Read More
Board Pagination Prev 1 ... 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved