조건문 if

- Conditional Statement, 주어진 조건에 따라 다르게 동작

- if 문으로 시작, 조건이 false면 실행되지 않음

- 조건은 항상 true or false로 나뉘어야 함

if(true){ //실행
    alert('result : true');
}

if(false){ //실행되지 않음
    alert('result : true');
}

 

- else : if가 false일 때 실행 

- else if : 여러 조건 연결 가능 

if(false){
    alert(1);
} else if(true){ //if가 실행되지 않을 때, 그리고 어떠한 조건일 때 실행
    alert(2);
} else if(true){ // 건너뜀 (2번째에서 실행)
    alert(3);
} else { //건너뜀 (2번째에서 실행)
    alert(4);
}
// 2 출력

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(true){ //실행
    alert(3);
} else { //건너뜀
    alert(4);
}
//3 출력

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(false){
    alert(3);
} else { //실행
    alert(4);
}
//4 출력

 

 

1. 조건문의 응용 

- 로그인 기본 로직

id = prompt('아이디를 입력해주세요.')  // 입력창 생성, 값을 변수에 담음
        if(id=='egoing'){
            alert('아이디가 일치 합니다.')
        } else {
            alert('아이디가 일치하지 않습니다.')
        }

- if문 중첩

id = prompt('아이디를 입력해주세요.');
        if(id=='egoing'){
            password = prompt('비밀번호를 입력해주세요.');
            if(password==='111111'){
                alert('로그인 하셨습니다.' + id + '님 반갑습니다.');
            } else {
                alert('인증에 실패 했습니다.');
            }
        } else {
            alert('인증에 실패 했습니다.');
        }

 

 

 

2. 논리연산자 

- &&(Ampersand) : and / 조건이 모두 true여야 실행

var id = prompt('아이디를 입력해주세요.');
        var password = prompt('비밀번호를 입력해주세요.');
        if(id=='egoing' && password==='111111'){  //id, password 모두 참이어야 실행
            alert('로그인 하셨습니다.' + id + '님 반갑습니다.');
        } else {
            alert('인증에 실패 했습니다.');
        }

- | | (Vertical Bar, Pipe) : or / 한 가지만 true 일 경우 실행, 모두 false일 경우 실행하지 않음

   - ()로 선행되어야 할 조건 감싸기

var id = prompt('아이디를 입력해주세요.');
var password = prompt('비밀번호를 입력해주세요.');
if((id==='egoing' || id==='k8805' || id==='sorialgi') && password==='111111'){
    alert('로그인 하셨습니다.' + id + '님 반갑습니다.');
} else {
    alert('인증에 실패 했습니다.');
}

 

3. boolean의 대체제 

- 0은 false, 1은 true

if(0){
	alert(1)
}

if(1){
	alert(2)
}

- false로 간주되는 데이터 형식들

if(''){
	alert('빈문자열');
}

if(undefined){
	alert('undefined');
}

if(null){
	alert('null');
}

if(Nan){
	alert('Nan');
}

//전부 다 실행 안됨