Javascript 기초

1. 연산자

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

1. 산술 연산자 (이항 산술 연산자) 🧮

수학적인 연산을 수행하는 연산자.

+, -, *, /, %, ** (거듭제곱/지수)

연습문제

const a =10, b=5;
const sum = a +b ;
const sub = a - b;
const mul = a * b;
const div = a / b;
const les = a % b;

console.log(sum, sub, mul, div, les);

2. 증감 연산자(단항 산술 연산자) 💹

1. 증가 연산자 ++
2. 감소 연산자 --
3. 증감 연산자를 항(피연산자) 앞에 쓴다 → 전치 연산 ~ 하기 전에
4. 증감 연산자를 항(피연산자) 뒤에 쓴다 → 후치 연산 ~ 후에

// 전치 연산
let a = 10;
let b = ++a;

console.log(a, b); // 11 11

// 후치 연산
let a = 10;
let b = a++;

console.log(a, b); // 11 10

3. 단항 부정 연산자 → -

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

1. =

2. +=

3. -=

4. *=

5. /=

6. %=

7. **=

let num = 10;

// +
num = num + 5;
num += 5;

// -
num = num - 5;
num -= 5;

// *
num = num * 5;
num *= 5;

// /
num = num / 5;
num /= 5;

// %
num = num % 5;
num %= 5;

// **
num = num ** 5;
num **= 5;

console.log(num);

3. 비교 연산자

피연산자를 비교해서 논리형 값을 반환하는 연산을 수행

1. 동등 ==

2. 일치 ===

3. 부등 !=

4. 불일치 !==

5. ~보다 큰 >

6. ~보다 크거나 작은 >=

7. ~보다 작은 <

8. ~보다 작거나 같은 <=

const num = 10;
const sttNum = '10';

console.log(num == strNum); // true 형변환 -> 암시적 형변환
console.log(num === strNum); // false

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

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

4. 삼항 연산자

항 3개로 논리적인 비교를 하는 연산자

1. 비교 ? 참 : 거짓

const myMoney = 3000;
const productPrice = 50000;

const result = myMoney >= productPrice ? "물건을 살 수 있다." : "물건을 살 수 없다.";

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보다 작다" : "작다";

2. NaN(Not a Number). “”, null , undefined, false 제외한 모든 값은 참

5. 논리 연산자

1. AND (&&)

그리고 → true && true = true , true && false = false

2. OR (||)

또는 → true || false = true

3. Not (!)

전체적인 논리값을 부정. true → false, false → true

// jsx 문법 -> 0을 falsy 없이 그대로 출력하는 특징
// 데이터를 비교 연산을 수행하지 않고 참, 거짓으로 강제로 바꾸고 싶을 때
const num = 0; 

console.log(!!num ? "참" : "거짓");

6. 조건문

조건에 따라 실행해야 되는 코드

1. if 문

만약 ~ 라면

1. else 단독 사용 불가, else ~if 뒤에 써야하고, 1개만 사용가능

const num = 9
// 기본 if else
if(num % 2 === 0){
	console.log('짝수 입니다.');
} else {
	console.log('홀수 입니다.');
}

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

2. switch

값에 따른 조건 처리

const num = 10;
switch (num) {
  case 10: // case
    console.log(`num은 10입니다.`);
    break; //break
  case 9:
    console.log(`num은 9입니다.`);
    break;
  default: // default
    console.log("값이 모두 일치하지 않음");
}

// 
const area = '서울'
let price = 0;

switch (area) {
  case "서울":
  case "경기":
  case "인천":
    price = 2000;
    break;
  case "대전":
  case "대구":
    price = 1000;
    break;
  default:
    price = 10000;
    break;
}

3. 삼항 연산자

위와 동일