Study/JavaScript

[JavaScript] 기본 문법 정리 (연산자)

MJ FE 2022. 11. 9. 15:11

 

 

1. 산술연산자 : +, -, *, **, /, %


console.log(10 + 5);  // 15
console.log(10 - 5);  // 5
console.log(10 * 5);  // 50
console.log(2 ** 5);  // 32
console.log(10 / 5);  // 2
console.log(11 % 5);  // 1

 

 

2. 증감연산자


1. ++num / --num : 전위 증감 연산자

- 먼저 num을 증감 후에  해당 문장 실행

let a = 0;
let b = 0;

console.log(++a); // 1
console.log(--b); // -1

2. num++ / num-- : 후위 증감 연산자

- 문장 실행 후 num 증감

let a = 0;
let b = 0;

console.log(a++); // 0
console.log(a++); // 1
console.log(a++); // 2
console.log(b--); // 0
console.log(b--); // -1
console.log(b--); // -2

3.  전위/후위 차이점 및 설명

let num = 0;

// 후위 연산
console.log(num++); // 0
// console.log(num)를 먼저 실행한다.
// 0 출력
// num을 1 증가시킨다.
// num = 1

// 전위 연산
console.log(++num); // 2
// num을 먼저 1 증가시킨다
// num = 2
// console.log(num)를 실행한다
// 2 출력

 

 

3. 삼항 조건 연산자 : 조건에 따라 변수 값을 할당하는 연산자


- 표현식 : (조건식) ? 값1 : 값2

- 참이면 값1 / 거짓이면 값2

- if ~ else 로 표현 가능

let myweight = 60;
let stoneWeight = 50;

console.log((myweight > stoneWeight) ? "돌보다 무겁습니다" : "돌보다 가볍습니다")	// 돌보다 무겁습니다

if (myweight > stoneWeight) {
      rtn = "돌보다 무겁습니다";
    } else {
      rtn = "돌보다 가볍습니다";
    }

console.log(rtn);	// 돌보다 무겁습니다

 

 

4. typeof : 변수, 객체, 함수 또는 표현식의 데이터 타입을 반환


console.log(typeof "john");       // string
console.log(typeof 3.14);         // number
console.log(typeof NaN);          // number
console.log(typeof false);        // boolean
console.log(typeof [1,2,3,4]);    // object
console.log(typeof function(){}); // function
console.log(typeof myCar);        // undefined
console.log(typeof null);         // object