본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
https://fastcampus.info/4n8ztzq
250718(금) 18일차
문법 - 조건(분기)문
if문 - 조건 분기의 기본
if문의 기본 구조
if (조건식) {
//조건이 참일 때 실행
} else if {
} else {
//조건이 거짓일 떄 실행
}조건이 하나뿐만 아니라 여러 개일 경우 else if로 확장하는 방법도 있다
else if는 몇 개든 쓸 수 있고, 마지막에는 else로 마무리 짓기
이 부분은 복잡한 분기 로직을 짤 때 유용하다
또하나 조건식 안에 값만 들어갈 경우 어떻게 판별되는지
JavaScript에서는 0, "", null, undefined 값은 값은 거짓(false)로 판별되고
그 외의 숫자, 문자열, 객체 등은 참(true)로 간주된다.
사소해보이지만 잘 모르면 의도치 않은 조건 분기로 이어지기 쉽다
특히 값을 그대로 조건에 썼을 때 그 값이 boolean으로 어떻게 평가되는지를 꼭 알고 있어야 한다
switch - 명확한 패턴 분기
switch문은 특정 변수의 값에 따라 분기를 나누는 구조
switch (value) {
case 1:
console.log("1");
break;
case 2:
console.log("2");
break;
default:
console.log("기본값");
}switch문은 if문으로도 충분히 표현 가능한 구조지만, 특정 값의 매칭 비교를 반복하는 상황에선 switch문이 훨씬 가독성이 좋고 명확하다는 것을 실습을 통해 체감했다.
중요 포인트는 break를 적지 않으면 하위 case까지 연쇄적으로 실행되므로 반드시 명확하게 끊어주는 습관이 필요하다
(한 줄만 빠트려도 의도와 다르게 코드가 동작할 수 있음)
이번 강의는 자바스크립트의 조건문 중 if문과 switch문에 대해 배운 시간
기초적인 내용처럼 보이지만 실무에서 가장 많이 쓰이는 문법이기도 하고, 자바스크립트 특유의 느슨한 타입 판별과 조건 평가 방식 때문에 정확하게 이해해두는 것이 중요하다
기초 중에 기초라고 할 수 있는 문법이지만, 이번 기회에 구조와 흐름, 평가 방식까지 제대로 정리할 수 있어서 만족
