생활코딩 JS 조건문

김정현·2022년 4월 20일
0
  • 조건문(conditional statement) - 주어진 조건에 따라서 다르게 동작하도록 하는것

  • if() 괄호 안에는 true, false 두개의 값만 올 수 있다.

  • if 뒤에 true가 오게되면 중괄호 안쪽 부분이 실행,
    false가 오면 중괄호 안쪽 무시(실행x)

- 1,2,3,4,5 출력
if(true){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);
- 5만출력
if(false){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);
  • else - 참일때는 어떤일을하고 거짓일때는 어떤일을 한다는것을 지정해줌
- alert(1) 실행됨
if(true){
alert(1)
}else{
alert(2);
}
- alert(2) 실행됨
if(false){
alert(1)
}else{
alert(2);
}
  • else if를 이용하면 조건문을 좀 더 풍부하게 할 수있다.
- alert(3)실행됨
if(false){
alert(1);
}else if(false){
alert(2);
}else if(true){
alert(3);
}else{
alert(4);
}
- alert(4)실행됨
if(false){
alert(1);
}else if(false){
alert(2);
}else if(false){
alert(3);
}else{
alert(4);
}
  • 조건문의 응용
  • prompt-어떠한값을 사용자로 부터 받을 수 있는 기능
prompt실행 후 alert실행
alert(prompt('당신의 나이는?')*2);
<!DOCTYPE html>
<html>
    <head>
       <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            var id = prompt('아이디를 입력해주세요.')
            if(id=='egoing'){
            var password=prompt('비밀번호를 입력해주세요')
            if(password=='111111'){
            alert('로그인 하셨습니다.'id'님 반갑습니다.')
            }else{
            alert('비밀번호가 다릅니다.')
            }
            }else{
            alert('아이디가 일치하지 않습니다.')
            }
        </script>
    </body>
</html>
  • 논리 연산자 - 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와줌

  • &&(and)

- 전체가 참이됨 - 실행O
if(true)&&(true){
alert(1);
}
- 전체가 false - 실행 X
if(true)&&(false){
alert(2);
}
<!DOCTYPE html>
<html>
    <head>
       <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            var id = prompt('아이디를 입력해주세요.')
            var password=prompt('비밀번호를 입력해주세요')
            if(id=='egoing'&& password=='111111'){
            
            if(password=='111111'){
            alert('로그인 하셨습니다.'id'님 반갑습니다.')
            }else{
            alert('아이디가 일치하지 않습니다.')
            }
        </script>
    </body>
</html>
  • or ||(둘중에 하나가 참이면 실행)
id=prompt('아이디를 입력하여주세요.')
if(id==='egoing'||id==='nackzy'||id=='soralgi'){
alert('인증 했습니다.')
}else{
alert('인증에 실패 했습니다.')
  • or, and 조합
id=prompt('아이디를 입력하여주세요.')
password=prompt('비밀번호를 입력해 주세요.')
if((id==='egoing'||id==='nackzy'||id=='soralgi')&&password==='111111'){
alert('인증 했습니다.')
}else{
alert('인증에 실패 했습니다.')
  • !(not) - 부정의 의미로 boolean값을 역전시킴
    !true - false
    !false - true

0개의 댓글