조건문(conditoinal statement)

조건문(conditoinal statement)

기본 개념

• 주어진 조건에 따라 동작하게 한다.

 if(true) {
     alert(1);
     alert(2);
     alert(3);
     alert(4);
 }
 alert(5);

if(ture)

if 안의 값이 true일 때, alert(5)까지 동작한다.

 if(false) {
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);

1,2,3,4 건너 뛰고 5만 동작한다.

else / else if

• else 기본 개념

if(true) {
    alert(1);
} else {
    alert(2);
}

if(false) {
    alert(1);
} else {
    alert(2);
}

각각 true, false 일 때

true -> 1 실행

false -> 2 실행

• else if 기본 개념

if (false) {
    alert(1);
} else if(true) {
    alert(2);
} else if(true) {
    alert(3);
} else {
    alert(4);
}

결과 : 2만 실행

else 붙으면 앞에서 실행되지 않았을 때, 일단 이렇게 이해를 하자.

if (false) {
    alert(1);
} else if(false) {
    alert(2);
} else if(false) {
    alert(3);
} else if(false) {
    alert(4);
}
alert(5);

결과 : 5 실행

변수, 비교연산자, 조건문의 중첩

    id = prompt("아이디를 입력해주세요");
    if(id == 'dhhyy') {
        password = prompt("비밀번호를 입력해주세요");
        if(password == 1111) {
            alert("인증 되었습니다.");
        } else {
            alert("인증에 실패하였습니다");
        }
    } else {
        alert("인증에 실패하였습니다");
    }

논리연산자

• &&

    const id = prompt("아이디를 입력해주세요");
    if (id == 'dhhyy') {
        const password = prompt("비밀번호를 입력해주세요");
        if (password == 1111) {
            alert("로그인 하셨습니다." + id + "님, 반갑습니다");
        } else {
            alert("비밀번호를 잘 못 입력하셨습니다");
        }
    } else {
        alert("아이디가 일치하지 않습니다");
    }

위의 코드에서 && 연산자를 사용하면 아래와 같이 바꿀 수 있다고 하는데, 잘 이해가 되지 않는다.

    const id = prompt('아이디를 입력해주세요.');
    const password = prompt('비밀번호를 입력해주세요.');
    if(id=='dhhyy' && password=='1111'){
        alert("로그인 하셨습니다." + id + "님, 반갑습니다");
    } else {
        alert("아이디가 일치하지 않습니다");
    }

• || (or)

    if(true || true) {
        console.log("activate");
    } else {
        console.log("no!");
    }

    if(true || false) {
        console.log("activate");
    } else {
        console.log("no!");
    }

    if(false || true) {
        console.log("activate");
    } else {
        console.log("no!");
    }

    if(false || false) {
        console.log("activate");
    } else {
        console.log("no!");
    }

반복문(Loop)

반복적인 작업이 필요할 때

while

for

• 기본 문법

    while (boolean) {
        //반복하여 실행할 코드
    }

for (let index = 0; index < array.length; index++) {
    const element = array[index];
}

• 무한대 실행

    while(true){
        document.write('coding everybody <br />');
    }

while 사용,

끝나는 부분이 없음으로 무한대로 작동이 된다.

• 반복 조건

    var i = 0; // <1>
    while (i < 10) { // <3>
        document.write('coding everybody <br />');
        i = i + 1; // <2>
    }

/*
	크게 3부분으로 구성
	1. 초기화
	2. 반복조건
	3. 반복 실행
*/

가장 기초가 되는 구조라고 보면 될 것 같다

처음에 var 대신에 const 로 작성해서 오류가 났었다

• for문

for (var i = 0; i <= 10; i = i + 1) {
    document.write('coding everybody' + i + '<br />');
}

for (var i = 0; i <= 10; i++) {
    document.write('coding everybody' + i + '<br />');
}

/*
	위 부분의 1, 2, 3번을 모두 하나로 묶음
	for(1. 가상의 변수를 지정, 2. 반복 횟수를 설정, 3. 1씩 더하면서 반복 횟수에 도달하게끔 정의 )
*/

위 부분에서 1++은 잘 몰랐었는데 이제 이해가 되었음

for(var i = 0; i < 10; i++) {
    if(i === 5) {
        break;
    }
    document.write("coding everybody <br />");
}

for(var i = 0; i < 10; i++) {
    if(i === 5) {
        continue;
    }
    document.write("coding everybody <br />");
}

/*
	break, continue
	각각의 결과값이 다르다
	break : 멈추는 것, 5개까지 실행이 되고 그 다음에는 실행되지 않는다
	continue : 5번째에서 continue 만나면, 건너 뛴 다음에 다시 실행이 된다
*/