자바스크립트(JavaScript) | JQuery each문 break, contiune

JavaScript jQuery each문 break / continue 사용법 (return true, return false 차이)

(최종 업데이트 : 2026년 3월 5일)

jQuery each문을 사용할 때 많은 개발자들이 헷갈리는 부분이 있습니다. 바로 return true; 와 return false;의 동작 방식입니다.

일반적인 JavaScript for문에서는 break와 continue를 사용하지만, jQuery each문에서는 return 값을 이용해 동일한 동작을 구현합니다.

---

💡 jQuery each문에서 return true / return false 의미

• return true; → JavaScript continue와 동일 (현재 반복만 건너뜀)
• return false; → JavaScript break와 동일 (반복문 종료)

즉 jQuery each 반복문 제어는 return 값으로 흐름을 제어한다는 점이 핵심입니다.

---

📌 jQuery each문 예제 코드

var list = [1,2,3,4,5];

$.each(list, function(i, v){

    if(v == 1){
        return true;   // continue
    }
    else if(v == 3){
        return false;  // break
    }

    console.log(v);

});

코드 설명

위 코드에서는 배열을 jQuery each문으로 순회합니다.

• v == 1 → return true → 현재 반복 건너뜀 (continue)
• v == 3 → return false → 반복문 종료 (break)
• 나머지 값만 console.log 실행

따라서 실제 실행 결과는 2만 출력되고, 3에서 반복문이 종료됩니다.

---

⚡ 정리 (핵심 요약)

• jQuery each return true → continue
• jQuery each return false → break
• JavaScript for문과 다르게 return 값으로 반복 제어

jQuery each break / continue 사용법은 프론트엔드 개발에서 매우 자주 등장하는 패턴입니다.

특히 DOM 반복 처리나 배열 데이터 순회에서 사용되므로 return true / false 동작 차이를 정확히 이해하는 것이 중요합니다.