ベース条件文(if/elseif/else)


🌈 条件文(if/elseif/else)
🔥 ドアが
🔥 さんこうえんざんし
🔥 スイッチドア
1.ドアの場合
使用条件文

  • 条件文
  • は()の条件を評価し、結果をブール値
  • に変換する.
  • 0、「」、null、undefined、およびNANはfalse値であるため、コードブロック
  • は実行されない.
  • を除く、この値はブール型に変換されたときにtrueとなり、コードブロック
  • が実行する.
  • if()の条件を最初に評価し、次にelse if()の条件を評価し、最後にelseの条件
  • を評価する.
  • else ifおよびelse構文は必須のオプションではありません
  • // conditional operators : if, else if, else
    const name = "jaewon";
    if (name === "jaewon") {
      console.log("Welcome, Jaewon!");
    } else if (name === "coder") {
      console.log("You are amazing coder");
    } else {
      console.log("unknow");
    } // Welcome, Jaewon!
    2.三項演算子
  • の3つの演算子は
  • を返し、評価対象の条件が真の値である場合、値1を返します.そうでない場合、値2を返します.
  • の3つの演算子を使用します.🔍 condition ? [true時value 1]:[false時、value 2];
  • if文より簡潔
    name = "jaewon";
    console.log(name === "jaewon" ? "yes" : "no"); // yes
    // 기본 문법과 삼항연산자 비교1
    // 기본 문법
    let age = prompt('나이를 입력해주세요.', 18);
    if (age < 3) {
      message = '아기야 안녕?';
    } else if (age < 18) {
      message = '안녕!';
    } else if (age < 100) {
      message = '환영합니다!';
    } else {
      message = '나이가 아주 많으시거나, 나이가 아닌 값을 입력 하셨군요!';
    }
    // 삼항 연산자 사용 예시
    let age = prompt('나이를 입력해주세요.', 18);
    let message = (age < 3) ? '아기야 안녕?' :
      (age < 18) ? '안녕!' :
      (age < 100) ? '환영합니다!' :
      '나이가 아주 많으시거나, 나이가 아닌 값을 입력 하셨군요!';
    console.log( message );
    // 기본 문법과 삼항연산자 비교2
    // 기본 if문
    const data = [1,2];
    if (data.length === 0){
      console.log('빈 배열입니다.')
    } else{
      console.log('데이터의 요소는 ' + data.length + '개 입니다.')
    } // 데이터의 요소는 2개 입니다.
    // 삼한연산자로 변환
    desc = data.length === 0 ? '빈 배열입니다.' : '데이터의 요소는 ' + data.length + '개 입니다.' 
    console.log(desc) // 데이터의 요소는 2개 입니다.
    3.スイッチドア
  • 複数のif文をswitch文に変換することで、異なる場合に特定の変数を比較することができ、コードの可読性を向上させる
  • .
  • スイッチ文は、default構文
  • を必要としない1つ以上のcase文で構成されています.
  • スイッチ文は、すべての形式の式を引数として受け入れる
  • let a = 2 + 2;
    switch (a) {
      case 3:
        console.log( '비교하려는 값보다 작습니다.' );
        break;
      case 4:
        console.log( '비교하려는 값과 일치합니다.' );
        break;
      case 5:
        console.log( '비교하려는 값보다 큽니다.' );
        break;
      default:
        console.log( "어떤 값인지 파악이 되지 않습니다." );
    } // 비교하려는 값과 일치합니다. -> a가 4와 같이 때문에 case 4의 기능을 실행하고 break로 빠져나옴
    // switch문과 case는 모든 형태의 표현식을 인수로 받음
    let a = "1";
    let b = 0;
    switch (+a) { // +a는 a를 숫자형으로 변환하기 때문에 1과 같음
      case b + 1:
        console.log("표현식 +a는 1, 표현식 b+1는 1이므로 이 코드가 실행됩니다.");
        break;
      default:
        console.log("이 코드는 실행되지 않습니다.");
    } // 표현식 +a는 1, 표현식 b+1는 1이므로 이 코드가 실행됩니다.
    // if문과 switch문 비교
    let browser = 'Chrome';
    // if문
    if(browser == 'Edge') {
      console.log("Edge를 사용하고 계시네요!");
    } else if (browser == 'Chrome'
     || browser == 'Firefox'
     || browser == 'Safari'
     || browser == 'Opera') {
      console.log( '저희 서비스가 지원하는 브라우저를 사용하고 계시네요.' );
    } else {
      console.log( '현재 페이지가 괜찮아 보이길 바랍니다!' );
    }
    // switch문
    switch (browser) {
      case 'Edge':
        console.log( "Edge를 사용하고 계시네요!" );
        break;
      case 'Chrome':
      case 'Firefox':
      case 'Safari':
      case 'Opera':
        console.log( '저희 서비스가 지원하는 브라우저를 사용하고 계시네요.' );
        break;
      default:
        console.log( '현재 페이지가 괜찮아 보이길 바랍니다!' );
    }