개발 기록 남기기✍️

자바스크립트 기초 (2) - 기본 연산자, 비교 연산자, 조건문 본문

Front-End/JavaScript

자바스크립트 기초 (2) - 기본 연산자, 비교 연산자, 조건문

너해동물원 2022. 12. 5. 13:02

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다.

[자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY)


1. 기본 연산자

: +(덧셈), -(뺄셈), *(곱하기), /(나누기), %(나머지)

✔️나머지(%)는 어느 용도로 사용할까?

  • 홀수 : x%2 = 1
  • 짝수 : y%2 = 0
  • z%5 : 0~4 사이의 값만 반환

✔️거듭제곱

const num = 2**3;
console.log(num); // 8

✔️약식 표현

let num = 10;
num = num + 5;
console.log(num); // 15
num += 5;
console.log(num); // 20

✔️증가 연산자, 감소 연산자

let num = 10;

// 변수 뒤에 연산자를 붙이면 증가하기 전 값을 result에 반환
// 후에 연산히 증가한 값 반환
let result = num++;
console.log(result); // 10

// 변수 앞에 연산자를 붙이면 증가한 값을 바로 result에 반환
result = ++num; 
console.log(result); // 11
result = --num;
console.log(result); // 9

2. 비교 연산자, 조건문(If, else)

비교 연산자

  • A > B : A가 B보다 크다.
  • A < B : A가 B보다 작다.
  • A >= B : A가 B보다 크거나 같다.
  • A <= B : A가 B보다 작거나 같다.
  • A == B : A는 B와 같다.
  • A === B : A는 B와 일치한다.
  • A != B : A는 B와 같지 않다.

✔️= 한 개는 할당을 의미

✔️== 두 개는 비교 시 사용(동등 연산자)

✔️=== 세 개는 값 뿐만 아니라 자료형까지 같은지 비교(일치 연산자)

if 문

✔️if문에는 여러 조건들을 넣을 수 있다.

if(i>0){
    console.log("true");
}else{
    console.log("false");
};


if(age > 19){
    console.log("성인입니다");
} else if(age > 7){
    console.log("학생입니다.");
} else {
    console.log("미취학아동입니다.");
};

3. 논리 연산자

OR ||

  • A || B : A이거나 B
  • OR는 첫번째 `true`를 발견하는 즉시 평가를 멈춘다.

AND &&

  • A && B : A임과 동시에 B
  • AND는 첫번째 `false`를 발견하는 즉시 평가를 멈춘다.

NOT !

  • a = !b : A는 B가 아니다.