[JavaScript 문법] 연산자

조아영·2024년 7월 22일

1. 산술 연산자

1-1. 더하기 연산자(+)

숫자 + 문자일땐 문자열로 출력됩니다.

console.log(1 + 1); // 2
console.log(1 + "1"); // '11' - 문자열로 출력됨

1-2. 빼기 연산자(-)

더하기 연산자 이외의 연산자는 숫자가 우선이 됩니다.

console.log(1 - 2); // -1
console.log(1 - "2"); // -1

1-3. 곱하기 연산자(*)

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

1-4. 나누기 연산자(/)

console.log(4 / 2); // 2
console.log("4" / 2); // 2
console.log(5 / 2); // 2.5

1-5. 나머지 연산자(%)

console.log(5 % 2); // 1

2. 할당 연산자(assignment)

2-1. 등호 연산자(=)

let x = 10;
console.log(x); // 10

3. 복합할당 연산자(assignment)

3-1. 더하기 등호 연산자(+=)

x += 5; // x = x + 5;
console.log(x); // 15

3-2. 빼기 등호 연산자(-=)

x -= 5; // x = x - 5;
console.log(x); // 10

3-3. 곱하기 등호 연산자(*=)

let a = 10;
a *= 2;
console.log(a); // 20

4. 비교 연산자

true 또는 false를 반환합니다.

4-1. 일치 연산자(===)

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

console.log(2 === 2); // true - 숫자 2와 숫자 2가 같나요? 네(true)
console.log("2" === 2); // false - 문자 2와 숫자 2가 같나요? 아니요(false)

4-2. 불일치 연산자(!==)

타입까지 일치해야 false를 반환하는 연산자입니다. 일치 연산자의 반대 값이 나옵니다.

console.log(2 !== 2); // false - 숫자 2와 숫자 2가 다른가요? 아니요(false)
console.log("2" !== 2); // true - 문자 2와 숫자 2가 다른가요? 네(true)

4-3. 작다 연산자(<), 작거나 같다 연산자(<=)

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

5. 논리 연산자

5-1. 논리곱 연산자(&&)

모두 true일때 true를 반환합니다.

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

5-2. 논리합 연산자(||)

두 값 중 하나라도 true인 경우 true를 반환합니다.

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

5-3. 논리부정 연산자(!)

값을 반대로 바꿉니다.

console.log(!true); // false
let b = true;
console.log(!b); // false

5-4. 논리 이중부정 연산자(!!)

정확한 논리결과를 true/false로 반환하기 위해 사용합니다.
undefined, null, 0false, 문자열 "0"true, 나머지는 모두 true를 반환합니다.

console.log(!!true); // true
let b = false;
console.log(!!b); // false

5-5. 논리 삼중부정 연산자(!!!)

!!의 부정값을 반환합니다.

console.log(!!!true); // false
let b = false;
console.log(!!!b); // true

6. 삼항 연산자

조건에 따라 값을 선택합니다.
조건 ? true값 : false값

let n = 10;
let result = x > 5 ? "크다" : "작다";
console.log(result); // 크다

7. 타입 연산자(typeof)

타입을 알려줍니다.

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

0개의 댓글