๐Ÿ“’TIL) JavaScript ์กฐ๊ฑด๋ฌธ(if else)

TaeYangยท2021๋…„ 8์›” 11์ผ
2

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
5/5

์กฐ๊ฑด๋ฌธ ์ด๋ž€?

ํŠน์ • ์กฐ๊ฑด์ด ๋งž๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ์กฐ๊ฑด์ด ๋งž์œผ๋ฉด ๊ฐ’์„ ์ถœ๋ ฅํ•˜๋Š” ๋ช…๋ น๋ฌธ์ด๋‹ค

if ์กฐ๊ฑด๋ฌธ

if๋ฌธ์„ ์‚ฌ์šฉํ•˜๋ฉด ์Šคํฌ๋ฆฝํŠธ ์•ˆ์— ์กฐ๊ฑด์„ ์ฒดํฌํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ด„ํ˜ธ์•ˆ์— ์กฐ๊ฑด์„ ์ฒดํฌํ•ด์„œ ๊ฒฐ๊ณผ๊ฐ’์ด true๋ฉด if๋ฌธ ๋‹ค์Œ์— ์˜ค๋Š” ๋ช…๋ น์„ ์‹คํ–‰ํ•˜๊ณ  false์ด๋ฉด ์•„๋ฌด๊ฒƒ๋„ ์‹คํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

if (์กฐ๊ฑด) {
  ์กฐ๊ฑด ๊ฒฐ๊ณผ ๊ฐ’์ด true์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น
}
-------------------------------
if (10 < 100) {
  console.log("10์€ 100๋ณด๋‹ค ์ž‘์Šต๋‹ˆ๋‹ค");         // ๊ฐ’์ด true์—ฌ์„œ ๋ช…๋ น์„ ์‹คํ–‰
}              
--------------------------------
if (10 > 100) {
    console.log("10์€ 100๋ณด๋‹ค ํฝ๋‹ˆ๋‹ค")         // ๊ฐ’์ด false์—ฌ์„œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ

if else ์กฐ๊ฑด๋ฌธ

์œ„์— if๋ฌธ๊ณผ ๋‹ฌ๋ฆฌ ์กฐ๊ฑด์ด ์ถฉ์กฑ๋˜์ง€ ์•Š์•˜์„๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น์„ ์ž…๋ ฅ ํ• ๋ ค๋ฉด else๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

if (์กฐ๊ฑด) {
  ์กฐ๊ฑด ๊ฒฐ๊ณผ ๊ฐ’์ด true์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น
} else {
  ์กฐ๊ฑด ๊ฒฐ๊ณผ ๊ฐ’์ด false์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น
}
--------------------------------
if (2 === "2") {
  console.log("์ฐธ ์ž…๋‹ˆ๋‹ค!")
} else {
  console.log("๊ฑฐ์ง“ ์ž…๋‹ˆ๋‹ค!")           // ๊ฒฐ๊ณผ๊ฐ’์ด false ๋ผ์„œ ๊ฑฐ์ง“ ์ž…๋‹ˆ๋‹ค! ๊ฐ€ ์ถœ๋ ฅ ๋ฉ๋‹ˆ๋‹ค

์ค‘์ฒฉ ์กฐ๊ฑด๋ฌธ

ํ•˜๋‚˜์˜if else๋ฌธ์œผ๋กœ ํ•ด๊ฒฐ์ด ์•ˆ๋˜๋Š” ์ƒํ™ฉ๋“ค์ด ๋งŽ์€๋ฐ ๊ทธ๋Ÿด๋•Œ๋Š”
if else ๋ฌธ ์•ˆ์— ๋˜ ๋‹ค์‹œ if else ๋ฌธ์„ ์‚ฌ์šฉ ํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๐Ÿ˜ƒ ์•„๋ž˜ 3์˜ ๋ฐฐ์ˆ˜๋ฅผ ๊ตฌํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ์˜ˆ์‹œ๋ฅผ ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค!

let number = prompt("์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•˜์„ธ์š”");       
if(number !== null) {                    //์ž…๋ ฅ๊ฐ’์ด null์ด ์•„๋‹ˆ๋ฉด if ๋ฌธ์„ ์‹คํ–‰
  if(number % 3 === 0)
    alert("3์˜ ๋ฐฐ์ˆ˜ ์ž…๋‹ˆ๋‹ค.");
  else
    alert("3์˜ ๋ฐฐ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.");
}
else
  alert("์ทจ์†Œ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.");             //์ž…๋ ฅ๊ฐ’์ด null์ด๋ฉด ์•Œ๋ฆผ ์ฐฝ์„ ๋ณด์—ฌ ์ค๋‹ˆ๋‹ค.

์กฐ๊ฑด ์—ฐ์‚ฐ์ž

์กฐ๊ฑด์ด ํ•˜๋‚˜์ด๊ณ  true ์ผ๋•Œ์™€ false ์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น์ด ๊ฐ๊ฐ ํ•˜๋‚˜๋ฟ์ด๋ฉด
์กฐ๊ฑด ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•ด ์ฝ”๋“œ๋ฅผ ๊ฐ„๋‹จํžˆ ๋งŒ๋“ค์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

(์กฐ๊ฑด) ? true์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น : false์ผ๋•Œ ์‹คํ–‰ํ•  ๋ช…๋ น
---------------------------------------------
(2 > 3) ? console.log("์ฐธ ์ด๋‹ค") : console.log("๊ฑฐ์ง“ ์ด๋‹ค");   
// ๊ฑฐ์ง“์ด๊ธฐ ๋–„๋ฌธ์— console.log("๊ฑฐ์ง“ ์ด๋‹ค")๊ฐ€ ์‹คํ–‰ ๋ฉ๋‹ˆ๋‹ค.

switch ๋ฌธ

JavaScript์—์„œ ์กฐ๊ฑด์„ ์ฒดํฌํ• ๋•Œ if else๋ฌธ์„ ๋งŽ์ด ์‚ฌ์šฉํ•˜์ง€๋งŒ ์ฒ˜๋ฆฌํ•  ๋ช…๋ น์ด ๋งŽ๋‹ค๋ฉด
switch๋ฌธ์„ ์‚ฌ์šฉํ•˜๋Š”๊ฒŒ ๋” ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

switch(์กฐ๊ฑด) {
  case ๊ฐ’1: ๋ช…๋ น1
  	break
  case ๊ฐ’2: ๋ช…๋ น2
  	break
  default: ๋ช…๋ น

๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž

์—ฌ๋Ÿฌ ๊ฒฝ์šฐ์˜ ์ˆ˜๋ฅผ ๋”ฐ์ ธ์•ผ ํ• ๋•Œ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉ ํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

OR ์—ฐ์‚ฐ์ž

OR ์—ฐ์‚ฐ์ž๋Š” ๊ธฐํ˜ธ||๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ํ”ผ์—ฐ์‚ฐ์ž 2๊ฐœ์ค‘์—์„œ true๊ฐ€ ํ•˜๋‚˜๋ผ๋„
์žˆ์œผ๋ฉด ๊ฒฐ๊ณผ๊ฐ’์ด true๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

AND ์—ฐ์‚ฐ์ž

AND ์—ฐ์‚ฐ์ž๋Š” ๊ธฐํ˜ธ&&๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ํ”ผ์—ฐ์‚ฐ์ž 2๊ฐœ์ค‘์—์„œ false๊ฐ€ ํ•˜๋‚˜๋ผ๋„
์žˆ์œผ๋ฉด ๊ฒฐ๊ณผ ๊ฐ’์ด false๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

NOT ์—ฐ์‚ฐ์ž

NOT ์—ฐ์‚ฐ์ž๋Š” ๊ธฐํ˜ธ!๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ true๋‚˜ false๋ฅผ ๋ฐ˜๋Œ€๋กœ ๋’ค์ง‘์Šต๋‹ˆ๋‹ค.

์ฐธ๊ณ 

JAVASCRIPT.INFO if๋ฌธ
MDN Wep docs if...else

profile
์Œ์•… ์ „๊ณต ์ด์˜€๋˜ ์˜ˆ๋น„ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์žโ˜€๏ธ

0๊ฐœ์˜ ๋Œ“๊ธ€