DAY 3)条件文


🌈 じょうけんステートメント
アプリケーションを所定の条件に従って異なる操作を行う
条件文の構文
☀️ IF
trueが後に表示された場合に実行されます.


if(true){
    alert('result : true');
}
-> result : true 라는 경고문 나옴 

後にflaseが表示された場合は実行されません.


if(false){
    alert('result : true');
}
-> 아무것도 실행되지 않음

1,2,3,4,5順次警告
クエリ条件が「真」の場合、{}カッコの部分を実行し、区間を5に実行します.


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


5警告のみ
クエリ条件が偽の場合、{}カッコ部分は実行されません.
5万行


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


☀️ else
結果は1です.
クエリー条件が真の場合、elseを実行せずに1を実行します.
if(true){
    alert(1);
} else {
    alert(2);
}
結果は2です.
クエリ条件が偽の場合、最初のセグメントは実行されず、elseのカッコセグメントの2が実行されます.
if(false){
    alert(1);
} else {
    alert(2);
}
☀️ else if
->結果2

if(false){
    alert(1);  -> if구문의 조건이 거짓이므로 실행되지 않고
} 

else if(true){
    alert(2); -> 앞에있는 if 구문이 실행되지 않을 때(else) if구문의 참이므로 2가 실행됨
}

else if(true){ 
   alert(3); -> 앞에있는 if 구문이 실행되지 않을 때(else)이지만 앞에 이미 실행되었으므로                  실행되지 않음 
} 

else {
    alert(4);-> 앞에있는 if 구문이 실행되지 않을 때(else)이지만 앞에 이미 실행되었으므로                  실행되지 않음 
}
->結果3
if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}
->結果4
if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(false){
    alert(3);
} else {
    alert(4);
}
例)
>a=1;
>if(a===1){
  alert(1);
}
->1出力済み
aは可変変数であり、a値の変化に伴ってif構文はtrue、falseである可能性がある.
>alert(1); 
->1出力済み
☀️ prompt
>prompt('당신의 나이는?');
->당신의 나이는? 이라는 경고문이 뜸
->18이라고 입력 시 


>prompt('당신의 나이는?');
"20" 
라고 개발자모드에 입력 됨 


>alert(prompt('당신의 나이는?'));
->당신의 나이는? 이라는 경고문이 뜸

>alert(prompt('당신의 나이는?')*2);
->당신의 나이는? 이라는 경고문이 뜸
->20이라고 입력 시 
->40이라고 뜸(*2의 값)
例)
->「IDを入力してください.」警告ウィンドウ
->egoringと入力すると、「ID照合」となります.警告ウィンドウ
->egoning以外の値を入力すると、アイデンティティが一致しません.警告ウィンドウ
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <script>
        id = prompt('아이디를 입력해주세요.')
        if(id=='egoing'){
            alert('아이디가 일치 합니다.')
        } else {
            alert('아이디가 일치하지 않습니다.')
        }
    </script>
</body>
</html>
条件文の重複
->「IDを入力してください.」警告ウィンドウ
->egoring入力時「パスワードを入力してください」.警告ウィンドウ
->111111入力時にログインしました.「Promptさん、お会いできて嬉しいです」という警告ウィンドウはめったにありません.
->111111以外の入力値「パスワードが異なる」.警告ウィンドウ
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <script>
        id = prompt('아이디를 입력해주세요.');
        if(id=='egoing'){
            password = prompt('비밀번호를 입력해주세요.');
            if(password==='111111'){
                alert('로그인 하셨습니다.'+id+'님 반갑습니다'.);
            } else {
                alert('비밀번호가 다릅니다.');
            }
        } else {
            alert('아이디가 일치하지 않습니다.');
        }
    </script>
</body>
</html>
論理演算子
✅ &&
&&左も右も真の場合は真です.
&&の左右の項目がtrueであるのは,最初の条件文のみであるからである.
->結果は1です.
if(true && true){
    alert(1);
}
if(true && false){
    alert(2);
}
if(false && true){
    alert(3);
}
if(false && false){
    alert(4);
}
例)
論理演算子は、複数のBoleanを1つのBoloeanに組み合わせることができる演算子である.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <script>
        id = prompt('아이디를 입력해주세요.');
        if(id=='egoing' && password==='111111'){
                alert('인증 했습니다.'.);
            } 
        } else {
            alert('인증에 실패 했습니다.');
        }
    </script>
</body>
</html>
✅ ||
論理演算子「||」は「||」の左右の1つであり、trueの場合trueとなる.
if(true || true){
    alert(1);
}
if(true || false){
    alert(2);
}
if(false || true){
    alert(3);
}
if(false || false){
    alert(4);
}
->1,2,3,4は順次出現し,4はfalseであるため出力しない.
入力IDはegoring、k 8805、sorialgiの3分の1検証して出力する
id = prompt('아이디를 입력해주세요.');
if(id==='egoing' || id==='k8805' || id==='sorialgi'){
    alert('인증 했습니다.');
} else {
    alert('인증에 실패 했습니다.');
}
入力IDはegoring、k 8805、sorialgiの3つの選択肢であり、入力pwは11111である.
出力の検証
id = prompt('아이디를 입력해주세요.');
password = prompt('비밀번호를 입력해주세요.');
if((id==='egoing' || id==='k8805' || id==='sorialgi') && password==='111111'){
    alert('인증 했습니다.');
} else {
    alert('인증에 실패 했습니다.');
}
✅ !
'!'否定を表し、booleanの値を反転します.
if(!true && !true){
    alert(1);           ----------> false && false로 false이므로 출력 X
}
if(!false && !true){
    alert(2);       ----------> true && false 로 좌항 우항이 같지 않기때문에 출력X
}
if(!true && !false){
    alert(3);      ----------> false && true 로 좌항 우항이 같지 않기때문에 출력X
}
if(!false && !false){
    alert(4);        ----------> true && true로 true이기 때문에 4로 출력 됨
}
☀Booleanの代替品
0はfalase、1はtrue
if(0){
    alert(1)
}
if(1){
    alert(2)
}
falseとみなされる他のデータ型
if(!''){
    alert('빈 문자열')
}
if(!undefined){
    alert('undefined');
}
var a;
if(!a){
    alert('값이 할당되지 않은 변수'); 
}
if(!null){
    alert('null');
}
if(!NaN){
    alert('NaN');
}