모두들 안녕하세요! 오늘은 javascript의 if문에 대해 알아보겠습니다!
if 말 그대로 '어떠한 행동을 한다면' 의 의미를 담고 있는 문법입니다
그럼 바로 설명 들어가시죠!
if문의 기본 구조
if (조건식) {
// main logic
}if문의 기본구조는 위와 같은데요
if문의 조건이 true가 된다면 if문의 main logic을 실행하다라고 해석하시면 될 것 같습니다
더 나아가서
if문의 업그레이드
우리는 if문의 기본 구조에 대해 알아보았습니다
그 다음으로는 if문에 else가 붙는 문법도 알아보겠습니다
if (조건식) {
// main logic
} else {
// main logic
}네 위와 다르게 else가 붙어있죠?
else는 if에서 true가 나오지 않게 되면 함수의 값은 else로 들어가게 됩니다
쉽게 말하면
하나의 필터라고 생각하시면 편할 것 같습니다
시중에서 보면 3중필터 5중필터 하는 말들이 있잖아요?
그렇게 많이 겹쳐서 판매하는 목적은 조그만한 알갱이도 걸러낸다 라는 의미가 숨어있는데요
if의 else도 비슷 느낌입니다!
if에서 true가 나오지 않았기 때문에 걸러내지 못 하고
else까지 와서 걸러지는 것 이라고 생각하면 쉽게 생각하실 수 있으실 겁니다
예를 들어
let x = -3;
if (x > 0) {
//main logic #1
console.log('x는 양수입니다')
} else {
//main logic #2
console.log('x는 음수입니다')
}현재 함수는 x = -3 으로 선언 되어 있습니다
그리고 if문의 조건식은 현재 x > 0으로 되어 있는데
함수값과 맞지 않기 때문에 if가 함수의 값을 걸러내지 못 하고
else로 넘어가게 됩니다
추가로
else if도 있던데요?
네 맞습니다
else if도 같이 활용합니다
else if는 조건문을 한 번 더 사용하여 걸러낼 수 있는 방법입니다
else if의 예를 들어봅니당
let x = -1;
if (x < 0) {
// main logic #1
console.log("1")
} else if (x >= 0 && x < 10) {
// main logic #2
console.log("2")
} else {
// main logic #3
console.log("3")
}위의 예시에서 함수는 x = -1로 선언이 되어있는데요
else에는 조건문을 적어둘 수 없지만 else if에는 조건문을 적어둘 수 있습니다
if, else if, else 사용으로 if문 3중필터를 만들었습니다!
조금 더 세세하게 조건을 붙일 때 else if를 활용하시면 될 것 같습니다
추가적으로 else if를 여러개를 작성할 수 있습니다! :)
그래서 왜 핵심 문법일 것 같은데?
이거는 순수 100% 저의 생각입니다
여러분들 좋아하는 MBTI를 알아볼 수 있는 페이지 아시죠?
동의와 비동의 들을 클릭해서 자신의 MBTI 검사할 수 있는 유명한 사이트인데요
다음 페이지로 넘어가거나 아니면 내가 선택한 성격들의 데이터들을 가지고 if을 적용하여 MBTI 결과물을 나타낼 수 있도록 하지 않았을까 하는 생각입니다
해당 사이트가 if문을 활용하지 않을 수도 있지만 if문을 활용하면 해당 사이트처럼 구연이 가능할 것 같습니다!
마무리이~~
네 오늘은 if문에 대해 알아보았습니다
다양하게 다양한 방법으로 적용될 수 있을 것 같습니다 우리 같이 많이 써보면서 익히자구요~~
저는 아직 공부를 하고 있는 단계이기 때문에 저의 설명이 부족하거나 틀린 부분이 있을 수 있습니다 그런 부분에 대해서 언제든지 댓글로 피드백 주시면 감사하겠습니다 :)
