TIL - 20250528

juni·2025년 5월 28일

TIL

목록 보기
20/316

📘 자바스크립트 학습 정리 (0528)

✅ 1. 연산자 (Operators)

🔢 산술 연산자 (Arithmetic)

연산자설명예시결과
+덧셈5 + 38
-뺄셈10 - 73
*곱셈4 * 28
/나눗셈20 / 54
%나머지7 % 21
let a = 10, b = 3;
console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.333...
console.log(a % b); // 1

🟩 대입 연산자 (Assignment)

연산자설명예시결과
=대입x = 55
+=더한 후 대입x += 38
-=뺀 후 대입x -= 26
*=곱한 후 대입x *= 424
/=나눈 후 대입x /= 212
%=나머지 후 대입x %= 30
let x = 10;
x += 5;
x *= 2;
x %= 7;
console.log(x); // 2

⚖️ 비교 연산자 (Comparison)

연산자설명예시결과
==값 비교5 == '5'true
===값과 타입 비교5 === '5'false
!=부등 (값만 비교)5 != '5'false
!==부등 (값+타입)5 !== '5'true
>크다7 > 3true
<작다2 < 5true
>=크거나 같다5 >= 5true
<=작거나 같다3 <= 2false
console.log(10 == '10'); // true
console.log(10 === '10'); // false

🧠 논리 연산자 (Logical)

연산자설명예시결과
&&논리 ANDtrue && falsefalse
``논리 OR
!논리 NOT!truefalse
let isAdult = true;
let hasPermission = false;

console.log(isAdult && hasPermission); // false
console.log(isAdult || hasPermission); // true
console.log(!isAdult); // false

✅ 2. 조건문 (Conditionals)

🔹 if / else if / else 문

let score = 85;

if (score >= 90) {
  console.log('A 학점');
} else if (score >= 80) {
  console.log('B 학점');
} else if (score >= 70) {
  console.log('C 학점');
} else {
  console.log('D 학점');
}

조건을 위에서부터 검사하여 처음 true인 블록이 실행됨


✅ 3. 삼항 연산자 (Ternary Operator)

📌 구조: (조건) ? 값1 : 값2

let age = 20;
let status = (age >= 18) ? '성인' : '미성년자';
console.log(status); // 성인

🔁 중첩 예시

let score = 95;
let grade = (score >= 90) ? 'A' : (score >= 80) ? 'B' : 'C';
console.log(grade); // A

총정리

  • 자바스크립트 연산자는 계산, 비교, 논리 판단을 담당하는 핵심 도구
  • 조건문과 삼항 연산자를 이용하면 상황에 따라 동적으로 흐름을 제어할 수 있음

0개의 댓글