CONDITIONAL STATEMENTS 조건문

yeji kang·2020년 6월 23일
0

javascript

목록 보기
2/11

🥰영어에 익숙해지고자 함께 작성해봤습니다.🥰

조건문 : 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.

조건문의 형태 (if,else if,else)

  1. if 문
  2. if/else문
  3. if/else if/ else 문
  4. switch 문

if 문

if(조건) { 
   // 참일경우 이부분이 실행됩니다.
};

if/else

  • else문은 추가하면 거짓일 경우에도 수행할 것을 지정할 수 있습니다.
if(조건) {
    //참일 경우
} else {
   // 조건이 거짓일 경우
};

if/else if /else

  • if else문 은 딱 두가지 결과만을 볼 수 있었습니다.
    else if를 추가하면 두가지 이상의 결과를 볼 수 있습니다.

    ifelse 사이에 if else를 추가합니다.

if/ else if /else 구문은 위에서부터 아래로 실행됩니다.

  • 먼저 season==='spring'을 먼저 참(true)인지 체크를 합니다.
  • 그다음 else if ...winter 부분을 체크 한 뒤 false
  • 아래로 내려가서 조건이 true일 때까지 쭉 검사하면서 내려갑니다.
  • 마지막 else if ...summer에서 true 였으니 else 문은 실행되지 않고 빠져나오게 됩니다.

Comparison Operators / 비교연산자

  • Less than: <
  • Greater than: >
  • Less than or equal to: <=
  • Greater than or equal to: >=
  • Is equal to: ===
  • Is not equal to: !==

Logical Operators / 논리연산자

  • && : the and operator 모든 조건들이 참일 때 true
  • || : the or operator 조건들 중 하나라도 참이면 true
  • ! : the not operator, otherwise known as the bang operator

Truthy and Falsy

변수가 특정 값이랑 동일한지 비교할 때도 있지만 단순히 변수가 할당 받았는지만 확인하고 싶을 때.

  • myVariable 변수가 값이 있으니 true!
    ifconsole.log(myVariable)이 실행되었습니다.

그럼 false 라고 체크할 때는 언제일까요? (falsy)

  • 0
  • 비어있는 문자(Empty strings) "" or ''
  • null
  • undefined
  • NaN, or Not a Number

Truthy and Falsy Assignment

let defaultname;
if(username) {
	defaultname = username;
}else {
defaultname='Stranger';
}

위에 있었던 코드를 ||연산자를 이용해서 코드를 짧게 할 수 있습니다.

let defaultname = username || 'Stranger';
  • 먼저 왼쪽 조건을 체크한 후 true이면 username으로 할당, 아닐경우(false)에는 Stranger할당됩니다.

🤔 주의해야할 점! 🤔 만약 0 이라는 값을 입력했다면 할당이 안되었다고 인식을합니다..!


Ternary Operator /삼항조건 연산자

condition ? firstExpression : secondExpression

if else문으로 쓴 코드를 먼저 봅시다.

우린 Ternary Operator를 통해 똑같은 기능을 구현할 수 있습니다.

  • 조건? 앞에다가 씁니다.
  • expression들은 ? 뒤에다가 쓰고 각 각 : 으로 구분합니다.
  • 조건 이 참(true)일 경우 firstExpression이 실행됩니다.
  • 조건이 false라면 secondExpression 이 동작합니다.

0개의 댓글