자바스크립트 공부하기 - 제어 흐름 (비교연산, 조건문, 반복문)

오늘도 화이팅 ~ 익숙해지기

---

비교연산

 

비교연산은 언제나 boolean 데이터로 반환 한다 !

데이터가 언제나 참 또는 거짓

 

* 등호 (=)은 대입연산자 이므로 기호 갯수를 잘 확인 해야 한다

* 같다(==) / 완전히 같다 (===) 

👉🏻완전히 같다는 자료형 까지 일치 ~

(!= 같지 않다, !== 완전히 같지 않다)

 

* 문자열도 비교 연산 가능( 문자가 같은지)

---

조건문

조건문이란 주어진 조건의 참/거짓에 여부에 따라 프로그램 흐름을 결정할 수 있는 구문

 

if (result) {
alert("사용자가 확인을 눌렀습니다.");
}
else { alert("사용자가 취소를 눌렀습니다.");
}

• 즉, true일 때 if가 실행되고, false일 때 else가 실행되는 구조 !!

정리하면:

• if는 첫 번째 조건을 확인하고,
• else if는 첫 번째 조건이 틀리면 다른 조건을 확인해.
• else는 모든 조건이 틀리면 실행할 일을 해.

이렇게 여러 조건을 차례대로 확인하면서, 각 조건에 맞는 일을 할 수 있어! 😄

 

 

조건문을 간단하게 쓸 때 많이 사용하는 ternary operator (삼항 연산자)

1️⃣ 기본 문법

조건 ? 참일 때 실행할 코드 : 거짓일 때 실행할 코드;

 

• 조건이 **참(true)**이면 ? 오른쪽 첫 번째 코드가 실행됨.
• 조건이 **거짓(false)**이면 : 오른쪽 코드가 실행됨.

2️⃣ if 문과 비교

같은 기능을 하는 두 가지 코드를 볼게 !

 

🔹 if 문 사용 (긴 코드)

let age = 20;
let message;
if (age >= 18) {
  message = "성인입니다";
} else {
  message = "미성년자입니다";
}
console.log(message); // "성인입니다"

 

🔹 ternary operator 사용 (짧은 코드)

let age = 20;
let message = age >= 18 ? "성인입니다" : "미성년자입니다";
console.log(message); // "성인입니다"

 

 

 

---

반복문 (for)

for 반복 작성 시 반복을 위해 필요한 세가지 요소를 한 곳에 모아 작성함으로써 직관적으로 반복 횟수를 표현할 수 있는 구문이다.

for (초기식; 조건식; 반복식){
//조건이 true이면 반복 수행할 코드
 }

초기식 : 반복 조건의 초기화 작업

반복식 : 반복이 한번 끝날 때 마다 실행 될 작업

 

// 0부터 4까지 출력
for (let i = 0; i < 5; i++) {
  console.log(i);  // 0, 1, 2, 3, 4가 순차적으로 출력됩니다.
}

• let i = 0 : i를 0으로 초기화합니다.
• i < 5 : i가 5보다 작으면 계속 반복됩니다.
• i++ : i를 1씩 증가시킵니다.

---

💻  i++를 i += 1로 바꿔도 같은 동작을 합니다!

차이점:

• i++: 후위 증가 연산자로, i 값을 먼저 사용한 후 증가시킵니다.
• i += 1: i = i + 1과 같은 의미로, i를 바로 1 증가시킵니다.

---

반복문 (while)

자바스크립트에서 while은 반복문을 실행할 때 사용됩니다.

while문은 조건이 참(true)일 때만 반복적으로 실행됩니다. 조건이 거짓(false)이 되면 반복을 멈춥니다.

 

while (조건) {
  // 조건이 참일 때 반복 실행할 코드
}

 

예시:

let i = 0;

while (i < 5) {
  console.log(i);  // 0, 1, 2, 3, 4 출력
  i++;  // i를 1씩 증가시켜 조건을 언젠가 거짓으로 만듬
}

위 코드는 i가 5보다 작은 동안 i 값을 출력합니다. i가 5가 되면 조건이 거짓이 되어 반복문이 종료됩니다.

while문은 주어진 조건이 항상 참이라면 무한 루프에 빠질 수 있기 때문에 조건을 정확히 설정해야 합니다.

---

parseInt()
는 자바스크립트에서 문자열을 정수(Integer)로 바꾸는 함수예요.
예를 들어, 숫자처럼 보이는 문자열을 실제 숫자로 변환할 때 사용해요.
let str = "123";
let num = parseInt(str);
console.log(num);