[JS] ์กฐ๊ฑด๋ฌธ (if, if-else, ์ค‘์ฒฉ if )์˜ˆ์ œ

2021. 10. 26. 10:57ใ†HTML + CSS + JS/JS ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

728x90

1. ์ œ์–ด๋ฌธ 

์ œ์–ด๋ฌธ์€ ํ”„๋กœ๊ทธ๋žจ์˜ ํ๋ฆ„์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋ฌธ์žฅ์ด๋‹ค. 

1๏ธโƒฃ ์กฐ๊ฑด๋ฌธ 

์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š”์ง€ ์—ฌ๋ถ€์— ๋”ฐ๋ผ ์ฝ”๋“œ๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. 

2๏ธโƒฃ ์„ ํƒ๋ฌธ

๋ณ€์ˆ˜์— ์ผ์น˜ํ•˜๋Š” ๊ฒฝ์šฐ์˜ ๊ฐ’์„ ๋”ฐ๋ผ ์ฝ”๋“œ๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. 

3๏ธโƒฃ ๋ฐ˜๋ณต๋ฌธ 

ํŠน์ • ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๋ฐ˜๋ณตํ•ด์„œ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค. 

 

2. ์กฐ๊ฑด๋ฌธ 

์กฐ๊ฑด๋ฌธ์€ ์กฐ๊ฑด์‹์˜ ๊ฐ’์ด ์ฐธ(true) ์ธ์ง€, ๊ฑฐ์ง“(false) ์ธ์ง€์— ๋”ฐ๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ œ์–ดํ•œ๋‹ค, 

 

1๏ธโƒฃ if๋ฌธ 

 

์กฐ๊ฑด์‹์— 0, null, ""(๋นˆ๋ฌธ์ž), undefined ๋ฅผ ์ž…๋ ฅ๋˜๋ฉด false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. 

๋”ฐ๋ผ์„œ ๋ฐฉ๋ฌธ์ž์˜ ์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์ง€ ์•Š์œผ๋ฉด ๋นˆ ๋ฌธ์ž์ด๊ธฐ ๋•Œ๋ฌธ์— false๋ฅผ ๋ฐ˜ํ™˜ํ•˜์—ฌ ์•„๋ฌด๊ฒƒ๋„ ์ถœ๋ ฅ๋˜์ง€ ์•Š๋Š”๋‹ค. 

2๏ธโƒฃ else๋ฌธ 

else๋ฌธ์€ ์กฐ๊ฑด์‹์„ ๋งŒ์กฑํ• (true) ๊ฒฝ์šฐ์™€ ๋งŒ์กฑํ•˜์ง€ ์•Š์„ (false)์˜ ๊ฒฝ์šฐ์— ๋”ฐ๋ผ ์‹คํ–‰๋˜๋Š” ์ฝ”๋“œ๊ฐ€ ๋‹ฌ๋ผ์ง„๋‹ค. 

confirm ๋ฉ”์„œ๋“œ๋Š” ํ™•์ธ๊ณผ ์ทจ์†Œ๊ฐ€ ์žˆ๋Š” ๋ฉ”์„œ๋“œ์ด๋‹ค.

์ด๋•Œ ํ™•์ธ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด true, ์ทจ์†Œ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด false์ด๋‹ค. 

3๏ธโƒฃ else-if๋ฌธ 

4๏ธโƒฃ ์ค‘์ฒฉ if๋ฌธ 

์ค‘์ฒฉ if๋ฌธ์€ ๋ฐ”๊นฅ์ชฝ์— ์žˆ๋Š” ์กฐ๊ฑด๋ฌธ์ธ ์กฐ๊ฑด์‹1์„ ๋งŒ์กฑํ•ด์•ผ๋งŒ ์•ˆ์ชฝ์˜ ์žˆ๋Š” ์กฐ๊ฑด๋ฌธ์ธ ์กฐ๊ฑด์‹2๋ฅผ ๊ฒ€์‚ฌํ•œ๋‹ค.

์•„์ด๋”” ๊ฐ’์ด ๊ฐ™์œผ๋ฉด ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’์„ ๊ฒ€์‚ฌํ•˜์—ฌ ๋กœ๊ทธ์ธ์ด ๋˜๋„๋ก! 

 

 

 

 

 

 

 

728x90