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

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

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

1. 연산자

산술 연산자

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

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

728x90

비교 연산자

• == (같다)
• === (일치하다)
• != (같지 않다)
• !== (일치하지 않다)
• > (크다)
• < (작다)
• >= (크거나 같다)
• <= (작거나 같다)

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)
• || (OR)
• ! (NOT)

let a = true;
let b = false;

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

SMALL

2. 제어 구조

조건문

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 문
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

오늘은 JavaScript의 연산자와 제어 구조에 대해 살펴보았습니다. 연산자를 통해 다양한 데이터 처리를 할 수 있고, 제어 구조를 이용해 코드의 흐름을 제어할 수 있습니다. 다양한 예제를 통해 실습해보세요.

다음 강의: JavaScript의 함수와 이벤트 처리에 대해 알아보겠습니다. 기대해주세요!

이전 강의 보기: [JavaScript 수업] 3강 - 변수와 데이터 타입 이해하기
다음 강의 보기: [JavaScript 수업 5강] 함수와 이벤트 처리