[JavaScript] 조건문 & 반복문

📌 이번 포스팅에서 배울 내용      ▶ 조건문           ▷ if문 / if - else문 / if - else if - else문           ▷ switch문           ▷ 삼항 연산자 / 조건부 실행 / 단축평가      ▶ 반복문           ▷ for문 / for - of문 / for - in문           ▷ while문 / do - while문           ▷ break / continue

 

---

 

조건문

특정 조건을 만족하는 경우에만 코드를 실행할 수 있게 하는 문법이다.

 

🔥 특정 조건을 만족하는 경우라는 것은 조건이 true일 때가 아니라 truthy할 때를 뜻한다.

■ falsy한 값 : false / null / undefined / 0 / NaN / ' '
■ truthy한 값 : falsy한 값을 제외한 모든 값

---

if문

조건이 참인 경우에만 코드를 실행한다.

let x = 10

if (x > 0) {
	console.log("x는 양수입니다.")
}

---

if - else문

조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행한다.

let x = -10

if (x > 0) {
	console.log("x는 양수입니다.")
} else {
	console.log("x는 음수입니다.")
}

---

if - else if - else문

여러 개의 조건을 순서대로 비교하여, 조건에 맞는 코드를 실행한다.

let x = 0

if (x > 0) {
	console.log("x는 양수입니다.")
} else if (x < 0) {
	console.log("x는 음수입니다.")
} else {
	console.log("x는 0입니다.")
}

---

switch문

변수의 값에 따라 조건에 맞는 코드를 실행하고, 모든 조건에 맞지 않는 경우 default 코드를 실행한다.

let fruit = "사과"

switch (fruit) {
  case "사과":
    console.log("사과는 빨간색입니다.")
    break
  case "바나나":
    console.log("바나나는 노란색입니다.")
    break
  case "오렌지":
    console.log("오렌지는 주황색입니다.")
    break
  default:
    console.log("해당하는 과일이 없습니다.")
    break
}

---

삼항 연산자

if - else문과 비슷하게 조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행한다.

let age = 20

console.log(age > 19 ? "성인입니다." : "미성년자입니다.")

---

조건부 실행

&& 연산자를 사용하면 조건부 실행이 가능하다.

let x = 10

(x > 0) && console.log("x는 양수입니다.")

---

단축 평가

|| 연산자를 사용하면 단축 평가(Short-circuit Evaluation)가 가능하다.

let x
let y = x || 10

console.log(y) // 10

 

---

 

반복문

특정 코드를 반복해서 실행할 수 있게 하는 문법이다.

---

for문

조건을 만족하는 동안 반복해서 코드를 실행한다.

/* 기본 */

for (let i = 0; i < 5; i++) {
	console.log(i)
}

// 0
// 1
// 2
// 3
// 4

---

for - of문

for문과 비슷하지만 반복 대상이 배열인 경우 사용된다.

let fruits = ["사과", "바나나", "오렌지"]

for (let fruit of fruits) {
	console.log(fruit)
}

// 사과
// 바나나
// 오렌지

---

for - in문

for문과 비슷하지만 반복 대상이 객체인 경우 사용된다.

let person = { 
    name: "John",
    age: 30,
    gender: "male"
}

for (let key in person) {
	console.log(key + ": " + person[key])
}

// name: John
// age: 30
// gender: male

---

while문

조건을 만족하는 동안 반복해서 코드를 실행한다.

let i = 0

while (i < 5) {
    console.log(i)
    i++
}

// 0
// 1
// 2
// 3
// 4

---

do - while문

while문과 비슷하지만 do 내부의 코드를 일단 한 번 실행한다.

let i = 10

do {
    console.log(i)
    i++
} while (i < 5)

// 10

---

break

조건을 만족하는 순간 반복문을 빠져나간다.

for (let i = 0; i < 10; i++) {
    if (i > 5) {
    	break
    }
    
    console.log(i)
}

// 0
// 1
// 2
// 3
// 4
// 5

---

continue

조건을 만족하면 하위 로직을 실행하지 않고 그 다음 반복으로 넘어간다.

for (let i = 0; i < 10; i++) {
    if (i < 5) {
    	continue
    }
    
    console.log(i)
}

// 5
// 6
// 7
// 8
// 9