TIL 55 | 위코드 사전스터디6 : 조건문

위코드 사전스터디 과정 중 JavaScript의 조건문에 대해서 정리해본다

조건문

조건문과 boolean 데이터

• boolean 타입은 데이터 타입(표현)이 참인지 거짓인지를 알린다

console.log(1+1 ===2) // true
console.log(1+1 ===3) // false

console.log('Code Kim' === 'CODE KIM'); // false
console.log('Code Kim' === 'Code Kim'); // true

조건문과 비교연산자

✨조건문의 시작
조건문은 조건이 참일 때 실행하는 문, 거짓일 때 실행하는 문을 작성하는 것이기 때문에 비교연산자와 함께 사용한다!

✨비교연산자의 종류

• 비교연산자가의 종류와 조건문의 예시
  
• 더 다양한 조건문의 예시

console.log(1+1 === 2) // true
console.log(1+1 === 500) // false


console.log(1+1 !== 3) // true
console.log(1+1 !== 2) // false


console.log(100 > 5000) // false
console.log(100 >= 100) // true
console.log(100000 < 100) // false

✨ 조건문의 형태

• 만약 (조건이) 참이라면 코드실행
• 만약 (조건이) 거짓이라면 코드실행
• 예시

 if (1 + 1 ==2) {
  console.log("1 더하기 1은 2입니다")
  } // 1 더하기 1은 2입니다 (1+1==2) > true이므로 코드 실행

 
  let name = 'Code Kim'

  if (name === 'wecode Lee') {
    console.log('Hi, my friend!')
  } // 출력값 없음 (name === 'wecode Lee') : false이므로 코드 실행 안 됨 
  
  
 let name = 'wecode Lee'
 if (name === 'wecode Lee') {
  console.log('Hi, my friend!')
} // "Hi, my friend!" 출력 > (name === 'wecode Lee') : true이므로 코드 실행

✨ if와 else문

• 조건이 ture이면 어떤 코드를 실행, false이면 다른 코드를 실행하는 케이스
  (if의 조건을 충족하지 않으면 전부 else 내부의 코드가 출력된다)
• 예시

let name = 'Kim'
if (name === 'Code Kim') {
   console.log('저는 김코드입니다.')
} else {
   console.log('저는 김코드가 아닙니다.')
} // 저는 김코드가 아닙니다. > 출력

let name = 'Code Kim'
if (name === 'Code Kim') {
   console.log('저는 김코드입니다.')
} else {
   console.log('저는 김코드가 아닙니다.')
}  // 저는 김코드입니다. > 출력

✨ 조건을 추가하고 싶을 때

• if ~ else if ~ else
• 예시

let name = 'Code Kim'

if (name ==='Code Kim') {
   console.log('저는 김코드입니다.')
} else if (name === 'Hello Lee') {
   console.log('저는 김코드가 아닙니다. 저는 이헬로입니다')
} else {
   console.log('저는 김코드도 아니고, 이헬로도 아닙니다.')
} // 저는 김코드입니다 > 출력


let name = 'Hello Lee'

if (name ==='Code Kim') {
   console.log('저는 김코드입니다.')
} else if (name === 'Hello Lee') {
   console.log('저는 김코드가 아닙니다. 저는 이헬로입니다')
} else {
   console.log('저는 김코드도 아니고, 이헬로도 아닙니다.')
} // 저는 김코드가 아닙니다. 저는 이헬로입니다 > 출력

조건문과 논리연산자

• 조건문은 논리연산자와도 함께 사용한다
• 논리 연산자는 보통 불리언(논리) 값과 함께 사용해서 불리언 값을 반환한다

✨ 논리 연산자의 종류

• 논리 연산자 OR(||)
• 논리 연산자 AND (&&)
• 논리 연산자 NOT(!)

✨ 논리 연산자 OR(||)

• boolean값과 함께 OR을 사용하는 경우 둘 중 하나가 참일 때, true 그 외에는 false를 반환
• 예시

1 + 1 === 2 || 1+1 === 3
console.log(1+1 === 2 || 1+1 ===3) //  true > 출력 : true or false = true

✨ 논리 연산자 AND (&&)

• boolean값과 함께 &&를 사용하는 경우 둘 다 참일 때 true, 그 외에는 false를 반환
• 예시

console.log(1+1 === 2 && 1+2 ===3) // true

console.log(1+1 === 2 && 1+1 ===3) // false

✨ Truthy와 Falsy

• Truthy : 참 같은 값(JavaScript에서, 참 같은 값(Truthy)인 값이란 불리언을 기대하는 문맥에서 true로 평가되는 값입니다)
• Falsy: 거짓 같은 값

let a = 0 // falsy

let b = 100 // truthy

if (a) {
  console.log('i am falsy')
} else if(b) {
  console.log('i am truthy')  
}