웹프로그래밍/JavaScript

JavaScript - 조건문과 반복문

Uisin 2024. 8. 13. 16:29

조건문

 

조건문은 특정 조건이 참인지 거짓인지에 따라 코드의 진행방향을 제어하는 구문으로 주로 프로그램에서 특정 상황에 따라 서로 다른 동작을 수행시킬 때 사용한다. 사용법이 간단하기 하고 직관적이기 때문에 유용하게 쓸 수 있다!

 

if문

 

가장 기본적인 조건문의 구조로 조건이 하나만 필요할 때 사용하는 구문이다.

 

if (조건식) {

 실행하고자 하는 코드

};

 

        if (time < 11) {
            document.write("Good morning!");

"만약 time이 11보다 작다면 문서에 "Good morning!"을 적어주세요"

그대로 해석하면 항상 어느정도 의미가 맞아떨어지는 편이라 사용하기가 좋다.

 

If else문

 

if문에 조건이 하나 더 달려있는 구조

        if (time < 11) {
            document.write("Good morning!");
        } else {
            document.write("Good afternoon!");
        }

"만약 time이 11보다 작다면 문서에 "Good morning!"을 적고 아니라면 "Good afternoon"을 적어주세요"

 

 

If else-if

 

조건에 따른 결과가 2개 보다 더 많이 필요할 때 사용하는 조건문으로 조건을 많이 나눠서 결과를 여러개로 보고싶을때 사용한다. if,else if, else 순으로 작성하고 if와 else if 는 괄호를 사용하여 조건식을 꼭 넣어야 작동을 한다!

 

        if (score >= 90){
            alert("A학점")
        }
        else if (score >=80){
            alert("B학점")
        }
        else if (score >= 70){
            alert("C학점")
        }
        else if (score >= 60){
            alert("D학점")
        }
        else{alert("F학점")}

"만약 score가 90점 이상이라면 A, 80점 이상이라면 B, 70점 이상이라면  C, 60점 이상이라면  D 그것도 아니라면 F"

 

 

* 조건문과  논리연산자를 결합하여 코드를 짤 수도 있다. if(조건식1 && 조건식2){} else{}

* 참고로 if문 안에 if문을 중첩해서 사용하는 것도 가능하다!  만약에 만약에 만약에...

 

switch문

 

if문과 마찬가지로 조건에 따라 특정 코드를 수행하는데 사용하는데 if문과 차이점이 있다면 조건식이 아닌 제어식에서 결정된 값에 따라 코드가 실행되는 것이 특징이다.

 

        var grade = prompt("학점을 입력하세요");
        switch(grade){
            case('A'):{
                document.write("당신의 학점은 'A' 입니다." + "<br>")
                break;
            }
            case('B'):{
                document.write("당신의 학점은 'B' 입니다." + "<br>")
                break;
            }

            case("C"):{
                document.write("당신의 학점은 'C' 입니다." + "<br>")
                break;77
            }

            case("D"):{
                document.write("당신의 학점은 'D' 입니다." + "<br>")
                break;
            }

            default:{
                document.write("당신의 학점은 'F' 입니다." + "<br>")
                break;
            }

        }

"프롬프트를 통해 입력받은 값 = grade가 각각의 case의 데이터와 일치하다면 해당하는 코드를 실행후 반복을 종료"

 

 

반복문

for

매개변수 정하기

초기값 i 2씩 증가시키기

중첩 for문

구구단 읊는 코드 만들기

 

 

while문

 while문은 반복 횟수를 모를 때 주로 사용하는데 for문과 다르게 말 그대로 무한반복이 가능하게 끔 만들 수 있다.  while 문은 반복을 위한 조건식을 요구하는데 주로 while 다음에 괄호 속에 특정 식을 넣는 형식으로 구현할 수 있다. 

 

do while문

break / continue

for in 구문

 

계산기 만들기

배경색 바꾸기

programmers 사이트

 

 

'웹프로그래밍 > JavaScript' 카테고리의 다른 글

드래그 앤 드롭 - JavaScript  (0) 2024.09.02
JavaScript - 연산자  (0) 2024.08.13
JavaScript 배우기  (0) 2024.08.12