#6 비교 연산자와 조건문

2026. 1. 6. 20:55·JavaScript/기초
반응형

비교 연산자

  •  >, <, <=, >=, ==, !=

왜 같다를 == 로 표현하나

예를 들어, a = 3이라는 표현을 보자. 이 표현의 경우 a 가 3이랑 같다는 게 아니라 a에 3을 넣어주는 것이다.

따라서, 헷갈리지 않기 위해 == 을 사용한다.

 

동등연산자 (==)와 일치연산자 (===)

일치연산자의 경우 타입까지 비교하므로, 가급적 일치 연산자를 통해 같다는 것을 표현해 주면 좋다.

const a = 1;
const b = "1";

console.log(a == b); // true 출력

//===는 타입까지 비교한다
const c = 1;
const d = "1";

console.log(c === d); //false 출력


조건문

  • 조건문의 경우 어떤 조건에 따라 이후 행동이 달라지게 만들어주는 역할을 한다.
  • if 문은 괄호 안의 조건을 평가해 True 면 실행 False 면 실행을 하지 않는다
  • if 괄호 안의 값은 항상 Boolean 형으로 변환되고 판단된다.

if / else if / else를 통해 조건문을 작성하면 된다.

const age = 19;

if(age > 19) {
  console.log('환영');
}
else if(age === 19) {
  console.log('수능 화이팅');
}
else {
  console.log('가세요');
}


switch 문

case 즉, 종류가 많을 경우 사용한다.

switch(평가){
case A:
 // A일때 실행코드
 break;
case B:
 // B일때 실행코드
 break;
...
default:
 // 실행코드
}

 

예제) 바나나 200원 키위 300원 멜론 500원 수박 500원 인 사고싶은 과일을 물어보고 가격 알려주는 프로그램을 만든다고 가정

const fruit = prompt("사고싶은 과일 뭐예요?");

switch(fruit) {
case '바나나':
  console.log("200원");
  break;
case '키위':
  console.log('300원');
  break;
case '멜론':
  console.log('500원');
  break;
case '수박':
  console.log('500원');
  break;
default:
  console.log("그런 과일 없음");
반응형

'JavaScript > 기초' 카테고리의 다른 글

#8 반복문  (0) 2026.01.06
#7 논리연산자  (0) 2026.01.06
#5 연산자  (0) 2026.01.06
#4 형 변환  (0) 2026.01.06
#3 alert, prompt, confirm  (0) 2026.01.06
'JavaScript/기초' 카테고리의 다른 글
  • #8 반복문
  • #7 논리연산자
  • #5 연산자
  • #4 형 변환
y3onbug5
y3onbug5
y3onbug5 님의 블로그 입니다.
  • y3onbug5
    y3onbug5 님의 블로그
    y3onbug5
  • 전체
    오늘
    어제
    • 분류 전체보기 (167) N
      • Alpacahack (19) N
      • Dreamhack 워게임 (49)
        • Lv.1 (40)
        • Lv.0 (4)
        • LV.2 (3)
        • LV.3 (2)
      • [Dreamhack] Web Beginner (3)
      • [Dreamhack] Web Hacking (17)
        • 웹 기초 지식 (4)
        • Cookie & Session (2)
        • Cross-Site Scripting(XSS) (1)
        • Cross-Site Request Forgery (1)
        • SQL Injection (4)
        • NoSQL Injection (2)
        • Command Injection (1)
        • File Vulnerability (1)
        • Server-Side Request Forgery (1)
      • [Dreamhack] Web Hacking Client-Side (10)
        • XSS Filtering Bypass (2)
        • Content Security Policy (CSP) (2)
        • CSRF,CORS Bypass (2)
        • Client-Side Template Injection (CSTI) (1)
        • CSS Injection (1)
        • Relative Path Overwrite (RPO) (1)
        • DOM Vulnerability (1)
      • [Dreamhack] Web Hacking Server-Side (15)
        • SQL Injection Advanced (4)
        • SQL Injection Advanced - Fingerprinting (2)
        • NoSQL Injection Advanced (3)
        • Command Injection Advanced - Web Servers (3)
        • File Vulnerability Advanced - Web Server (3)
      • [Dreamhack]Black-Box Penetration Testing (15)
        • DreamCommunity Penetration Testing (11)
      • [Dreamhack] LLM (2)
        • [Dreamhack] LLM과 프롬프트 엔지니어링 (2)
      • Web 공부 (4)
      • Web Study (15)
      • JavaScript (17)
        • 기초 (12)
        • 중급 (4)
      • 웹 개발(Flask) (0)
      • [Security First] web 기초교육 (1) N
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    webhacking
    JS
    LLM
    hacking
    DreamHack
    web
    cve
    alpacahack
    CSRF
    JavaScript
    webstudy
    xss
    드림핵
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
y3onbug5
#6 비교 연산자와 조건문
상단으로

티스토리툴바