241022 JavaScript 연산자, 조건문

수달·2024년 10월 22일

연산자

1. 연산자

1.1 특정한 연산을 하는 자바스크립트 기호

1.2 산술 연산자: 수학적인 연산을 수행하는 연산자

  • + : 덧셈
  • - : 뺄셈
  • * : 곱셈
  • / : 나눗셈
  • % : 나머지
  • ** 거듭제곱/지수

1.3 증감 연산자 (단항 산술 연산자)

  • 증가 연산자: ++
  • 감소 연산자: --
  • 전치 연산: 증감 연산자를 항(피연산자) 앞에 쓴다 -> ~ 하기 전에
let a = 10;
let b = ++a; // 전치 연산
  • 후치 연산: 증감 연산자를 항(피연산자) 뒤에 쓴다 -> ~ 후에

  • 단항 부정 연산자 : -

2. 대입 연산자와 복합 대입 연산자

=
+=
-=
*=
%=
**=

3. 비교 연산자

피연산자를 비교해서 논리형 값을 반환하는 연산을 수행
비교 연산자는 연달아 사용할 수 없음

  • 동등 == : 형변환O
  • 일치 ===
  • 부등 != : 형변환O
  • 불일치 !==
// 형변환 -> 암시적 형변환
const num = 10;
const strNum = "10";

console.log(num == strNum); // true 형변환O
console.log(num === strNum); // false
console.log(num != strNum); // false 형변환O
console.log(num !== strNum); // true 

💫 동등과 부등 사용X, 정확한 비교가 안 됨

  • ~보다 큰 >
  • ~보다 크거나 같은 >=
  • ~보다 작은 <
  • ~보다 작거나 같은 <=
const num = 10;
const strNum = "20";

console.log(num != strNum); // false
console.log(num !== strNum); // true 형변환O

console.log(num < strNum); // true
console.log(num > strNum); // false
console.log(num <= strNum); // true
console.log(num >= strNum); // false

4. 삼항 연산자 -> 항 3개로 논리적인 비교를 하는 연산자

💫 현업에서 많이 쓰임
💫 넓은 의미에서 조건 연산자

4.1 비교 ? 참 : 거짓

const myMoney = 3000;
const productPrice = 5000;
const result =
  myMoney >= productPrice ? "물건을 살 수 있다" : "물건을 살 수 없다";
console.log(result);

💫 2개 이상 중복해서 쓰는 건 비추천

const num = 90;
const res = num > 50 ? "크다" : "작다";
const res2 =
  num > 50 ? (num > 100 ? "100보다도 크다" : "100보다도 작다") : 작다;
const res3 =
  num > 50
    ? num > 100
      ? "100보다도 크다"
      : num > 80
      ? "80보다는 커"
      : "80보다는 작아"
    : "작다";

console.log(res);
console.log(res2);
console.log(res3);

5. 논리 연산자

  • AND (&&), 그리고 : true && true = true, true && false = false
  • OR (||), 또는 : true || false = true
  • Not (!) : 전체적인 논리값을 부정
    true -> false, false -> true

조건문

1. 조건문

if ~ 라면

  • else 단독 사용 불가, else ~ if 뒤에 써야함, 1개만 사용할 수 있음
  • else~if 단독 사용 불가
const num = -9;

if (num > 0) {
  console.log("양수");
} else if (num < 0) {
  console.log("음수");
} else {
  console.log("제로");
}

switch

  • case, break, default와 같은 키워드로 사용
const area = "서울";
let baesongbi = 0;
switch (area) {
  case "서울":
  case "경기":
  case "인천":
    baesongbi = 3000;
    break;
  case "대전":
  case "대구":
    baesongbi = 4000;
    break;
  default:
    baesongbi = 10000;
    break;
}
console.log("최종 배송비는 ${baesongbi}원");

if (area == "서울" || area === "경기" || area === "인천") {
  baesongbi = 3000;
} else if (area === "대전" || area === "대구") {
  baesongbi = 4000;
} else {
  baesongbi = 10000;
}

삼항 연산자

💫 if문을 대체함

  • 조건 ? 참일경우 실행할 내용 : 거짓일경우 실행할 내용;

0개의 댓글