연산자

JS의 다양한 연산자를 통해 변수나 상수를 다양한 방법으로 조작할 수 있다.

1. 산술 연산자 (덧셈, 뺄샘, 나누기, 곱하기, 나머지, 몫 등)

1. 더하기 연산자

console.log(2 + 3);       // 5

console.log("2" + "3");   // "23"

console.log("2" + 3);     // "23"

console.log(2 + "3");     // "23"

2. 빼기 연산자

console.log(5 - 2);       // 3

console.log("5" - "2");   // 3

console.log("5" - 2);     // 3

console.log(5 - "2");     // 3

console.log("five" - 2);  // NaN

3. 곱하기 연산자

console.log(2 * 3);       // 6

console.log("2" * "3");   // 6

console.log("2" * 3);     // 6

console.log(2 * "3");     // 6

console.log("two" * 3);   // NaN

4. 나누기 연산자

console.log(6 / 3);       // 2

console.log("6" / "3");   // 2

console.log("6" / 3);     // 2

console.log(6 / "3");     // 2

console.log("six" / 3);   // NaN

5. 나누기 (나머지) 연산자 (%)

console.log(7 % 3);       // 1

console.log("7" % "3");   // 1

console.log("7" % 3);     // 1

console.log(7 % "3");     // 1

console.log("seven" % 3); // NaN

※ 몫을 구하는 경우

let a = parseInt(17/3)

console.log(a)

2. 할당 연산자

6-1 등호 연산자 = 변수값 할당하기

let x = 10;

6-2 더하기 등호 연산자 +=

x += 5;

console.log(x)

6-3 빼기 등호 연산자 -=

x -= 5;

console.log(x)

6-4 곱하기 등호 연산자 *=

let a = 10;

a *= 2

console.log(a)

6-5 나누기 등호 연산자

let x = 10;

console.log(x);   // 10

x /= 5;

console.log(x);   // 2

6-6 나머지 등호 연산자

let x = 10;

console.log(x);   // 10

x %= 3;

console.log(x);   // 1

3. 비교 연산자 (true or false를 반환하는 연산자)

1. 일치 연산자 ===

타입까지 일치해야 true를 반환하는 연산자

숫자 2가 숫자 2랑 같니?

console.log(2 === 2);   // true

console.log("2" === 2);   // false

console.log(2 === "2");   // false

2. 불일치 연산자

타입까지 일치해야 false를 반환하는 연산자 (다르니??)

console.log(2 !== 2);   // false

console.log("2" !== 2);   // true

console.log(2 !== "2");   // true

3. 작다 연산자, 작거나 같다 연산자

console.log(2 < 3);   // true

console.log(2 < "3");   // true

console.log("2" < 3);   // true

console.log(2 > 3);   // false

console.log(2 >= "3");   // false

console.log("2" <= 3);   // true

console.log(2 <= 2);   // true

 

4. 논리 연산자

&& 논리곱 연산자 두 값이 모두 true일때만

console.log(true && true);   // true

console.log(true && false);   // false

console.log(false && true);   // false

console.log(false && false);   // false

|| 논리합 연산자 = ture가 하나만이라도 있을 때

console.log(true || true);   // true

console.log(true || false);   // true

console.log(false || true);   // true

console.log(false || false);   // false

!논리부정 연산자

console.log(!true);   // false

console.log(!false);   // true

console.log(!(2 > 1));   // false

 

5. 삼항 연산자

 - 조건에 따라 값을 선택하는 중요한 연산자.

5. 삼항연산자 (중요!)

조건에 따라 값을 선택한다.

let x = 10;

let result = (x > 15) ? "크다" : "작다"; // 괄호가 true면 앞에꺼, false면 뒤에꺼 선택

console.log(result)

let y = 20;

let result4 = (y < 10) ? "작다" : "크다";

console.log(result4);

6. 타입 연산자

type을 확인해주는 연산자이다.

console.log(typeof 123);   // "number"

console.log(typeof "123");   // "string"

console.log(typeof true);   // "boolean"

console.log(typeof undefined);   // "undefined"

console.log(typeof null);   // "object"

console.log(typeof {});   // "object"

console.log(typeof []);   // "object"

console.log(typeof function(){});   // "function"

 

추가적인 연산자는 아래 홈페이지에서 확인 가능하다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators#%ED%91%9C%ED%98%84%EC%8B%9D

표현식과 연산자 - JavaScript | MDN