본문 바로가기
WEB/쉽게 배우는 HTML5 & CSS3 그리고 JavaScript 요약 정리

[HTML 요약정리] 05-2. 제어문

by ssunooo 2024. 9. 2.

 

 

1. 조건문

  • if문
    주어진 값에 따라 결과가 2개로 분기 시 사용되며, 조건과 결과로 구성된다
    복잡한 조건식 구현 시 and, or 연산자를 사용한다
조건 : ~이면
결과가 2개 : 참, 거짓

 

 

  • 기본 if문
    주어진 값에 따라 결과가 2개로 분기될 때 사용한다
    조건을 만족할 때와 만족하지 않을 때 처리를 갖는다
기본 if문
if(조건) { // 조건을 만족할 때
}
else { // 조건을 만족하지 않을 때
}

 

 

  • 다중 if문
    주어진 값에 따라 결과가 3개 이상으로 분기일 때 사용한다
if(조건1) {
// 참 }
else if(조건2) {
// 참2 }
else {
// 거짓 }

 

 

  • switch문
    표현식에 따라 분기되는 제어문으로 다중 if문을 대체할 때 주로 사용한다
let fruit = 'apple';

switch (fruit) {
  case 'apple':
    break;
  case 'banana':
    break;
  case 'orange':
    break;
  default:
    break;
}

 

 

  • 조건연산자
    ?: 연산자를 사용하며 문법은 (조건)? 참 : 거짓; 과 같이 구성된다
var v1=(a>5)? 5 : a;
// == a의 값이 5보다 크면 v1값에 5를 넣고, 그렇지 않으면 v1에 a값 저장

 

 

2. 반복문

 

  • for문 : 횟수 반복
    지정된 횟수만큼 반복 수행할 때 사용한다
for(var 카운터변수 선언과 초기화; 반복횟수제어 조건; 카운터변수 누적) {
// 반복할 문장 }

 

  • for-in문 : 객체 내의 프로퍼티 반복
    객체 내의 프로퍼티 수만큼 반복 수행할 때 사용한다
for(var 변수 in 객체명) {
// 처리할 문장 }

 

  • for-of문 : 객체 반복
    객체 내의 객체를 반복할 때 사용한다
for(let 변수 of 컬렉션){
// 처리할 문장 
}

 

  • while문
    while문은 조건을 만족하는 동안 반복 수행하는 제어문으로 for보다 수행속도가 느리다
while(반복횟수제어 조건){
// 처리할 문장
카운터 변수 누적;
}

 

  • do-while문
    일단 1번 실행 후 조건비교 반복을 할 때 사용하는 제어문으로
    반드시 1번 수행 후 조건을 비교하는 특수한 상황에서 사용한다
do{
// 처리할 문장
카운터 변수 누적;
}

 

 

3. 기타 제어문

 

  • break문 : 반복문 완전 탈출
    특정 조건 만족시 while문 안에서 무한루프 또는 for문을 사용한 반복문 중단시 주로 사용된다
while(true){ // 무한루프
if(조건) break;
}

 

  • continue문
    특정 조건 만족시 반복문을 일시적으로 탈출했다가 다시 반복문 수행한다
for(i=0;i<10;i++){
if(i==5) continue;
}

 

 

2024.09.02