[jQuery] each 사용 시 break 및 continue 사용 방법

 

jQuery 레퍼런스의 jQuery.each() 페이지 - http://api.jquery.com/jquery.each/

 

jQuery 를 사용하면서 each 메소드를 사용하는 경우가 있는데 일반적으로 쓰이는 break 나 continue 같은 키워드를 사용해야할 때가 있다.

보통 알고 있는 방식으로 break 와 continue 를 쓰면 오류가 나면서 동작이 되지 않고, 그렇다고 그냥 return 을 쓰면 안 된다.

 

결론적으로 return true; 를 하면 continue 이고, return false; 를 하면 break 의 역할을 하게 된다.

 

jQuery 레퍼런스의 jQuery.each() 페이지(http://api.jquery.com/jquery.each/)를 보면 알겠지만 다음과 같은 문장이 있다.

We can break the $.each() loop at a particular iteration by making the callback function return false. Returning non-false is the same as a continue statement in a for loop; it will skip immediately to the next iteration.

예제로 코드를 작성하면 아래와 같다.

$('li').each(function(idx) {
    var example = $(this).attr('data-example');
    if (example != '') {
        return false; // break;
    } else {
        return true; // continue;
    }
});