[JavaScript 수업] 4강 - 연산자와 제어 구조

 

안녕하세요, 여러분! 오늘은 JavaScript에서 중요한 개념인 연산자와 제어 구조에 대해 알아보겠습니다. 연산자와 제어 구조는 코드의 흐름을 제어하고 데이터를 처리하는 데 필수적인 요소입니다. 자, 이제 시작해볼까요?

 

 

 

 

1. 연산자
연산자는 데이터를 처리하는 데 사용되는 기호입니다. JavaScript에서 자주 사용되는 연산자를 살펴보겠습니다.

산술 연산자

· + (더하기): 두 값을 더합니다.
· - (빼기): 두 값을 뺍니다.
· * (곱하기): 두 값을 곱합니다.
· / (나누기): 두 값을 나눕니다.
· % (나머지): 두 값을 나눈 나머지를 구합니다.

 

let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333...
console.log(a % b); // 1

 

 

 

 

비교 연산자

· '==' (같다): 두 값이 같으면 true를 반환합니다.
· '===' (일치하다): 두 값이 같고, 타입도 같으면 true를 반환합니다.
· '!=' (같지 않다): 두 값이 다르면 true를 반환합니다.
· '!==' (일치하지 않다): 두 값이 다르거나 타입이 다르면 true를 반환합니다.
· '>' (크다): 왼쪽 값이 오른쪽 값보다 크면 true를 반환합니다.
· '<' (작다): 왼쪽 값이 오른쪽 값보다 작으면 true를 반환합니다.
· '>=' (크거나 같다): 왼쪽 값이 오른쪽 값보다 크거나 같으면 true를 반환합니다.
· '<=' (작거나 같다): 왼쪽 값이 오른쪽 값보다 작거나 같으면 true를 반환합니다.

 

let x = 5;
let y = 10;

console.log(x == y);  // false
console.log(x === 5); // true
console.log(x != y);  // true
console.log(x !== '5'); // true
console.log(x > y);  // false
console.log(x < y);  // true
console.log(x >= 5); // true
console.log(x <= 10); // true

 

 

 

 

논리 연산자

· '&&' (AND): 모든 조건이 true일 때 true를 반환합니다.
· '||' (OR): 하나 이상의 조건이 true일 때 true를 반환합니다.
· '!' (NOT): 조건이 true이면 false를, false이면 true를 반환합니다.

let a = true;
let b = false;

console.log(a && b); // false
console.log(a || b); // true
console.log(!a);     // false

 

 

 

반응형

 

 

2. 제어 구조
제어 구조는 코드의 흐름을 제어하는 데 사용됩니다. 주요 제어 구조로는 조건문과 반복문이 있습니다.

조건문

· 'if' 문: 조건이 true일 때 실행되는 코드 블록을 만듭니다.
· 'else' 문: if 문이 false일 때 실행되는 코드 블록을 만듭니다.
· 'else' if 문: 추가 조건을 설정할 수 있습니다.

let score = 85;

if (score >= 90) {
    console.log('A');
} else if (score >= 80) {
    console.log('B');
} else if (score >= 70) {
    console.log('C');
} else if (score >= 60) {
    console.log('D');
} else {
    console.log('F');
}
// 출력: B

 

 

 

 

반복문

· 'for' 문: 정해진 횟수만큼 반복할 때 사용합니다.
· 'while' 문: 조건이 true일 때 반복합니다.
· 'do...while' 문: 일단 한 번 실행한 후 조건이 true일 때 반복합니다.

// for 문
for (let i = 0; i < 5; i++) {
    console.log(i);
}
// 출력: 0 1 2 3 4

// while 문
let j = 0;
while (j < 5) {
    console.log(j);
    j++;
}
// 출력: 0 1 2 3 4

// do...while 문
let k = 0;
do {
    console.log(k);
    k++;
} while (k < 5);
// 출력: 0 1 2 3 4

 

 

 

 

3. 요약 및 마무리

오늘은 JavaScript의 연산자와 제어 구조에 대해 살펴보았습니다. 연산자를 통해 다양한 데이터 처리를 할 수 있고, 제어 구조를 이용해 코드의 흐름을 제어할 수 있습니다. 다양한 예제를 통해 실습해보세요. 다음 강의에서는 JavaScript의 함수와 이벤트 처리에 대해 알아보겠습니다. 기대해주세요!

 

 

 

 

 

- 이전 수업 목록