메뉴 건너뛰기

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. jqGrid / custom pager / custom paging / 그리드 / 페이징

  2. No Image 25Mar
    by
    2021/03/25 Views 276 

    javascript, jQuery에서 루프 돌리기 예 (for, forEach, each)

  3. No Image 21Sep
    by
    2016/09/21 Views 6801 

    Input TYPE=“File” 을 히든으로 하고 외부 버튼을 눌러서 파일을 선택

  4. No Image 26Mar
    by
    2021/03/26 Views 176 

    input checkbox 모두 체크하기

  5. No Image 07Nov
    by
    2018/11/07 Views 1403 

    iframe height auto resize

  6. No Image 18Nov
    by
    2016/11/18 Views 7118 

    html 테이블 고정 (table fixed)

  7. Html 색상표 모음, 색상코드표 (RGB), 이미지X, 복사 가능

  8. hover 메소드를 이용해서 메뉴 on, off를 구현

  9. No Image 07Nov
    by
    2018/11/07 Views 1296 

    Hide pager if bxslider has only 1 slide

  10. No Image 21Sep
    by
    2016/09/21 Views 8566 

    Get방식 파라미터 전송 & 탭 메뉴 선택

  11. No Image 21Sep
    by
    2016/09/21 Views 7125 

    getScript()

  12. No Image 21Sep
    by
    2016/09/21 Views 8379 

    getJSON() 함수

  13. No Image 07Nov
    by
    2018/11/07 Views 1299 

    getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드

  14. No Image 21Sep
    by
    2016/09/21 Views 7346 

    FORM 객체 초기화 하기

  15. No Image 26Mar
    by 조쉬
    2021/03/26 Views 195 

    foreach문

  16. No Image 26Mar
    by
    2021/03/26 Views 171 

    focus() 로 오브젝트 옮기기

  17. No Image 26Mar
    by
    2021/03/26 Views 285 

    fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

  18. easing - 효과의 진행 속도

  19. No Image 31Mar
    by
    2021/03/31 Views 273 

    draggable - div 드래그

  20. No Image 21Sep
    by
    2016/09/21 Views 6810 

    document.getElementById() 처럼 DOM 객체 얻기

Board Pagination Prev 1 ... 3 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved