메뉴 건너뛰기

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/


List of Articles
번호 제목 날짜 조회 수
19 DateTimepicker ( Timepicker + Datepicker ) file 2021.03.26 792
18 datepicker, onclick 이벤트시에 한번에 뜨게 하기 2021.03.26 1468
17 CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때 2021.03.25 208
16 click에 따른 마우스 휠 on off 2021.03.31 306
15 click event scroll 2021.03.31 827
14 change 전의 값을 가져오기 2021.03.26 259
13 Cesium에서 canvas 화면 center 지점의 좌표 취득 2021.03.25 374
12 bxslider 멈춤현상 2016.12.22 10116
11 before / after / insertBefore / insertAfter - element 추가 (동등 관계) 2021.03.31 168
10 attr() - style의 특정 속성만 바꾸기 2021.03.26 1132
9 Ajax를 통해 전송된 데이터를 Controller에서 List 객체로 받기 2021.03.25 12266
8 Ajax를 이용한 데이터 조회시 로딩 로딩 이미지 보이기(jquery이용) file 2016.12.22 10746
7 Ajax 파일 업로드 샘플 코드 2017.03.11 7791
6 ajax 아작스 통신 2016.09.09 8046
5 ajax 동기화 처리하기 2021.03.25 416
4 3D Perspective Carousel with jQuery and CSS3 - CSSSlider 2018.11.07 1388
3 //ex)텍스트 박스 포커스 활성, 비활성 이벤트 2019.06.04 812
2 .removeAttr() : 특정 속성을 제거 2019.01.16 1021
1 .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정 2019.01.16 962
Board Pagination Prev 1 ... 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved