TIL-003 | JavaScript_조건문

1. 조건문(if문) & boolean

• 조건문이란 특정한 조건에서 코드가 실행되게 하는 코드를 뜻하며, if문이 대표적이다.
• if문의 코드 구성은 아래와 같다.

if (조건) {
    내용1 // 조건이 '참'인 경우 내용1이 실행된다.
    } else {
    내용2
    } // 조건이 '거짓'인 경우 내용2가 실행된다.

• if () 안의 조건식은 boolean 값으로 표현될 수 있는 식이며, "참" or "거짓" 결과에 따라 실행되는 코드블록(위의 경우 내용1 or 내용2)이 결정된다.
• 조건이 추가 될 경우에는 아래와 같이 else if(조건2)문을 사용하여 코드를 추가한다.
• else if()문은 여러번 사용 가능하다.

if (조건1) {
    내용1 // 조건1이 '참'인 경우 내용1이 실행된다.
    } else if(조건2) {
    내용2 // 조건2가 '참'인 경우 내용2가 실행된다.
    } else {
    내용3
    } // 조건이 '거짓'인 경우 내용3이 실행된다.

2. 비교연산자

• 비교연산자는 양쪽(왼쪽, 오른쪽)의 값을 비교하고 참인지에 대한 결과값을 반환한다.
• 동등연산자(==)와 일치연산자(===)의 차이점
  - 동등연산자(==)는 값을 비교, 일치연산자(===)는 값&타입을 비교한다.
  - 동등연산자(==)는 타입이 서로 다르면 값의 비교를 위해 강제로 같은 타입으로 변환시킨다.
  - 일치연산자(===)는 값과 타입이 모두 같아야 참(true)을 반환한다.

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators

3. 논리연산자

• Javascript의 논리연산자로는 대표적으로 &&(and), ||(or), !(not) 3가지가 있다.

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators

1) &&(and)
- 여러 조건들이 모두 충족되어야 if문이 실행된다.

예시)

function address(city, station) {
  if (city === "분당" && station === "판교역") {
  console.log("저랑 같은 곳에 사시는군요.")
} else {
  console.log("저랑 거주지역이 다르시군요.")
}
}

address ("분당", "판교역") // "저랑 같은 곳에 사시는군요."
address ("분당", "정자역") // "저랑 거주지역이 다르시군요."

2) ||(or)
- 여러 조건 중 하나만 충족되어도 if문이 실행된다.

예시)

function address(city, station) {
  if (city === "분당" || station === "판교역") {
  console.log("저랑 같은 곳에 사시는군요.")
} else {
  console.log("저랑 거주지역이 다르시군요.")
}
}

address ("분당", "판교역") // "저랑 같은 곳에 사시는군요."
address ("분당", "정자역") // "저랑 같은 곳에 사시는군요."
address ("서울", "강남역") // "저랑 거주지역이 다르시군요."