[Javascript] 자바스크립트 제어문

 

---

 

목차

 

조건문

반복문

기타 제어문

 

---

* 제어문 : 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문

---

[조건문]

1. if 문
2. if / else 문
3. if / else if / else 문
4. switch 문
5. 삼항 연산자

// 1. if 문
if(표현식){
	실행문
}

// 2. if / else 문
if(표현식){
	실행문
}
else{
	실행문
}

// 3. if / else if / else 문
if(표현식){
	실행문
}
else if(표현식){
	실행문
}
else{
	실행문
}

// 4. switch 문
switch (조건 값) {
    case 값1:
        조건 값이 값1일 때 실행하고자 하는 실행문;
        break;
    case 값2:
        조건 값이 값2일 때 실행하고자 하는 실행문;
        break;
    ...
    default:
        조건 값이 어떠한 case 절에도 해당하지 않을 때 실행하고자 하는 실행문;
        break;
}

// 5. 삼항 연산자
표현식 ? 반환값1 : 반환값2

---

[반복문]

프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문

1. while 문
2. do / while 문
3. for 문
4. for / in 문 : 해당 객체의 모든 열거할 수 있는 프로퍼티를 순회할 수 있도록 한다.
5. for / of 문 : 반복할 수 있는 객체를 순회할 수 있도록 한다.( Array, Map, Set, arguments 객체 등 )

 

// 1. while 문
while (표현식) {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

// 2. do / while 문
do {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
} while (표현식);

// 3. for 문
for (초기식; 표현식; 증감식) {
    표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

// 4. for / in 문
for (변수 in 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

// 5. for / of 문
for (변수 of 객체) {
    객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

 

---

[기타 제어문]

<label문>

프로그램 내의 특정 영역을 식별할 수 있도록 해주는 식별자

label문을 사용하면 continue문과 break문의 동작이 프로그램의 흐름을 특정 영역으로 이동시킬 수 있다.

label:
식별하고자 하는 특정 영역

// 예제 : for 문 전체를 가리키는 식별자
arrIndex:
for (var i in arr) {
    document.write(i);
}

 

<continue문>

루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 , 바로 다음 표현식의 판단으로 넘어가게한다.

반복문 내에서 특정 조건에 대한 처리를 제외하고자 할 때 자주 사용된다.

1. continue;
2. continue 라벨이름;

// 예제
var exceptNum = 3;
for (var i = 0; i <= 100; i++) {
    if (i % exceptNum == 0) // exceptNum의 배수는 출력하지 않음.
        continue;
    document.write(i + " ");
}

gugudan:
for (var i = 2; i <= 9; i++) {
    dan:
    for (var j = 1; j <= 9; j++) {
        if ((i*j) % 2 == 0)
            continue dan;
        document.write(i + " * " + j + " = " + (i*j) + "<br>");
    }
}

 

<break 문>

반복문 내에서 사용하여해당 반복문을 완전히 종료시키고, 반복문 바로 다음에 위치한 실행문으로 프로그램의 흐름을 이동시킨다.

즉, 루프 내에서 표현식의 판단 결과에 상관없이 반복문을 완전히 빠져나가고 싶을 때 사용한다.

1. break;
2. break 라벨이름;

// 예제
var lectures = ["html", "css", "자바스크립트", "php"];
var topic = "자바스크립트";
for (var i = 0; i < lectures.length; i++) {
    if (lectures[i] == topic) {
        document.write(topic + " 과목은 " + (i + 1) + "번째 과목입니다.");
        break; // 원하는 값을 찾은 후에는 더 이상 for 문을 반복하지 않고 빠져나감.
    }
}

gugudan:
for (var i = 2; i <= 9; i++) {
    dan:
    for (var j = 1; j <= 9; j++) {
        if (i > 3)
            break gugudan;
        document.write(i + " * " + j + " = " + (i*j) + "<br>");
    }
}

 

https://devyihyun.tistory.com/161

[JavaScript] 자바스크립트 배열

 

---

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊

댓글과 좋아요는 큰 힘이 됩니다!

 

[ 참고자료 ]

 

코딩교육 티씨피스쿨