연산자

솜사탕·2023년 5월 1일
1

JavaScript

목록 보기
5/23

연산자가 뭐에요 ?

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산등을 수행해 하나의 값을 만든다.
이때 연산의 대상을 "피연산자" 라고 한다.

산술 연산자

5 - 2 // 3

이항 산술 연산자

2개의 피연산자를 산술 연산하여 숫자 값을 만든다.
이항 산술 연산자의미부수 효과
+덧셈x
-뺄셈X
*곱셉X
/나눗셈X
%나머지X
5 + 2; // 7
5 - 2; // 3
5 * 2; // 10
5 / 2; // 2.5
5 % 2; // 1

단항 산술 연산자

1개의 피연산자를 산술 연산하여 숫자 값을 만든다.
단항 산술 연산자의미부수 효과
++증가O
--감소O
+어떤 효과도 없음X
-양수를 음수, 음수를 양수로 반전환 값을 반환X

문자열 연결 연산자

+ 연산자는 피연산자 중 하나 이상이 문자열일 경우 문자열 연결 연산자로 동작한다
그 외 산술 연산자로 동작한다.
// 문자열 연결 연산자
'2' + 2; // 22
"헐" + 1; // 헐1

// 산술 연산자
1 + 5 // 6

// true는 1로 타입 변환이 된다.
1  + true // 2

// false는 0으로 타입 변환된다.
1 + false // 1

// undefined는 숫자로 타입 변환되지 않는다.
5 + undefined // NaN(Not a Number)

비교 연산자

비교 연산자의미사례설명부수효과
==동등 비교x == yx와 y의 값이 같음X
===일치 비교x === yx와 y의 값과 타입이 같음X
!=부동등 비교x != yx와 y의 값이 다름X
!==불일치 비교x !==yx와 y의 값과 타입이 다름X

아래를 통한 간단한 예제를 보자

// 동등 비교
 1 == 1; // true

// 하나는 숫자 또 하나는 문자열 타입은 다르지만 암묵적 타입변환을 통해 타입을 일치시키면 동등 해진다
2 == '2'; // true

// 일치 비교
2 === 1 // false

// 서로 타입이 다르기 때문에 false
2 === '2' // false

'2' === '2' // true

// 즉 타입과 값이 모두 같은 경우에만 true를 반환한다.
// 즉 숫자 === 문자열을 비교할 경우 서로의 값이 같더라도 타입이 다르기 때문에 false를 반환한다

// 부동등 비교
5 != 4; // true;
3 != 3; // false
3 != '3' // false


5 !== 5 // false
5 !== 1 // true
5 !== '5' // true
profile
공부공부공부공부공부공부

0개의 댓글