연산자

산술 연산자(예: +, -, *, /, %)
비교 연산자(예: ==, ===, !=, !==, >, <, >=, <=)
논리 연산자(예: &&, ||,!)
할당 연산자(예: =, +=, -=, *=, /=, %=)
조건부(삼항) 연산자(예: a ? b : c)

 

"="과 "=="은 다른 연산자이다. 비교를 할 경우에는 "=="를 사용하여야 한다.

"="은 할당연산자(또는 대입연산자)로 값을 변수에 할당하는 역할을 수행한다.

"===" 연산자는 값 및 변수유형까지 동일한 지 비교한다.

"!==" 연산자는 값 및 변수유형까지 틀린 지 비교한다.

 

let a = 10;

if (a == 10) console.log("a는 10이다");

 

연산자 예제

// Arithmetic operators(산술 연산자)
let x = 5;
let y = 2;
console.log(x + y); // 7
console.log(x - y); // 3
console.log(x * y); // 10
console.log(x / y); // 2.5
console.log(x % y); // 1

// Comparison operators(비교연산자)
let a = "hello";
let b = "world";
console.log(a == b); // false
console.log(a === b); // false
console.log(a != b); // true
console.log(a !== b); // true
console.log(x > y); // true
console.log(x < y); // false

// Logical operators(논리연산자)
let p = true;
let q = false;
console.log(p && q); // false
console.log(p || q); // true
console.log(!p); // false

// Assignment operators(할당연산자)
let m = 5;
m += 2; // m = m + 2
console.log(m); // 7

// Conditional (ternary) operator(3항 연산자)
let age = 25;
let canDrive = (age >= 18) ? "can drive" : "cannot drive";
console.log(canDrive); // "can drive"

// typeof operator(typeof 연산자 : 변수의 타입을 알아낼때)
let person = { name: "John", age: 30 };
console.log(typeof person); // "object"

// instanceof operator(인스탄스 상태 연산자)
console.log(person instanceof Object); // true

// delete operator(삭제 연산자)
delete person.age;
console.log(person); // { name: "John" }

// in operator(in 연산자)
console.log("name" in person); // true

 

 

자바스크립트는 값을 대입하는 할당연산자와 수학적 연산과 할당을 결합하는 산술 할당 연산자를 가지고 있다. 이러한 연산자는 종종 변수에 대한 연산을 수행한 다음 결과를 동일한 변수에 할당하는 데 사용된다.

let x = 5; // assigns the value 5 to the variable x
x = 10; // reassigns the value 10 to the variable x

let x = 5;
x += 2; // x = x + 2;
console.log(x); // 7

let y = 10;
y -= 5; // y = y - 5;
console.log(y); // 5

let z = 8;
z *= 2; // z = z * 2;
console.log(z); // 16

let a = 12;
a /= 4; // a = a / 4;
console.log(a); // 3

let b = 15;
b %= 4; // b = b % 4;
console.log(b); // 3

 

let x = "10";
let y = "20";
let z = x + y;

let x = 10;
let y = "20";
let z = x + y;

let x = 10;
let y = 20;
let z = "The result is: " + x + y;

let x = 5; // assigns the value 5 to the variable x
x = 10; // reassigns the value 10 to the variable x

let x1 = 5;
x1 += 2; // x1 = x1 + 2;
console.log(x1); // 7

let y = 10;
y -= 5; // y = y - 5;
console.log(y); // 5

let z = 8;
z *= 2; // z = z * 2;
console.log(z); // 16

let a = 12;
a /= 4; // a = a / 4;
console.log(a); // 3

let b = 15;
b %= 4; // b = b % 4;
console.log(b); // 3
 

let strx = "10";
let stry = "20";
let strz =  strx + stry;
console.log(strz); // "1020"
console.log(x + stry); // "1020"


// 문자열의 산술연산의 경우 자동 형변환이 가능하면 숫자로 처리되나 형변환이 안되는 경우는 불가
// 다만 + (더하기) 연산의 경우 문자열로 반환한다.

let x3 = "100";
let y3 = "10";
let z11 = x3 / y3;
console.log(z11); // 10

let z12 = x3 * y3;
console.log(z12); // 1000

let z13 = x3 - y3;
console.log(z13); // 90

let z14 = x3 + y3;
console.log(z14); // "10010"

let z15 = 100 / "10";
console.log(z15); // 10

let x11 =  2 / 0;
console.log(x11); // Infinity 양의 무한대

let y11 = -2 / 0;
console.log(y11); // -Infinity 음의 무한대

let x2 = 10;
let y2 = 20;
let z2 = "The result is: " + x2 + y2;
console.log(z2); // "The result is: 1020"