TIL 3 | JavaScript - 조건문

Yonghyun·2021년 7월 28일
0

JavaScript & React

목록 보기
3/31
post-thumbnail

조건문

코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 한다.

if 조건문의 기본 구조

if 조건문

if ( 불값이 나오는 표현식 ) {
  불값이 참일때 실행할 문장
}

if else 조건문

if ( 불값이 나오는 표현식 ) {
  불값이 참일때 실행할 문장
} else {
  불값이 거짓일때 실행할 문장 
}

중첩 조건문

조건문 안에 조건문을 중첩해 사용

if ( 불값이 나오는 표현식1 ) {
  if ( 불값이 나오는 표현식2 ) {
    표현식1의 불값이 참이고 표현식2의 불값이 참일때 실행할 문장
  } else {
    표현식1의 불값이 참이고 표현식2의 불값이 거짓일때 실행할 문장
  }
} else {
  표현식1의 불값이 거짓일때 실행할 문장
}

겹치지 않는 3가지 이상의 조건으로 나눌때

if ( 조건1 ) {
  조건1true일때 실행할 문장
} else if ( 조건2 ) {
  조건1false이고 조건2true일때 실행할 문장
} else ( 조건3 ) {
  조건1과 조건2false이고 조건3true일때 실행할 문장
}

switch 조건문과 짧은 조건문

switch 조건문

switch(자료) {
  case 조건A :
    break
  case 조건B :
    break
  default : //default는 생략가능
    break
}

break는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드이다.

조건부 연산자

자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항연산자라고 부르기도 한다.

bool표현식 ? true일때의 결과 : false일때의 결과

짧은 조건문

논리연산자의 특성을 조건문으로 사용하는 방법.

bool표현식 || bool표현식이 거짓일때 실행할 문장
결과가 거짓인 bool표현식 && bool표현식이 참일때 실행할 문장

짧은 조건문은 과거에 많이 사용했지만 요즘에는 다른 조건문에 비해 이해하기 어려워 사용하지 말자는 개발자들도 많다고 한다. 그러나 언제 어디서 마주칠지 모르니 꼭 알아두자

'문자열A'.split('문자열B') // 문자열A를 문자열B로 잘라서 배열을 만들어내는 메소드
'사과,배,키위,딸기,오렌지'.split(',') // ['사과','배','키위','딸기','오렌지']

Truthy(참 같은 값) 와 Falsy(거짓 같은 값)

TruthyFalsy
boolean을 기대하는 문맥에서 true로 평가되는 값false, 0, -0, 0n, "", null, undefined, NaN

TIL 3 day
백문이불여일타
눈으로만 보고 이해됐다고 직접 안쳐보고 넘어가지말자
많이 쳐보고 오류도 많이 내보고 고민도 많이해보자

profile
Life is all about timing.

0개의 댓글