Javascript 연산자 (공부_11)

연산자

• 어떠한 연산을 수행하는 기호

문자열 병합

• + 연산자를 사용해 문자열 병합 가능

console.log('Hello ' + 'world!');
console.log('3' + 3); // number -> string
console.log(typeof ('3' + 3)); // string
console.log(3 + 3 + '3'); // 3 + 3 = 6 계산하고 뒤에 문자열 3 붙여서 63 출력

 

산술 연산자

let x = 10;
let y = 20;
console.log(x + y);	// 덧셈 ---> 30
console.log(x - y); // 뺄셈 ---> -10
console.log(x / y); // 나눗셈 ---> 0.5
console.log(x * y); // 곱셈 ---> 200
console.log(x % y); // 나머지 ---> 10

 

증감 연산자

연산자	설명	예제
++x	전위 증가	x에 1만큼 증가시킨 후 현재 명령문 수행
x++	후위 증가	현재 명령문 수행 후 x에 1 증가
--x	전위 감소	x에 1만큼 감소시킨 후 현재 명령문 수행
x--	후위 감소	현재 명령문 수행 후 x에 1 감소

let x = 10;
let y = 20;
let result1 = ++x + y;
let result2 = x++ + y;
let result3 = x + --y;
let result4 = x + y--;
console.log('result1: ', result1); // 11 + 20 = 31, x = 11, y = 20
console.log('result2: ', result1); // 10 + 20 = 30, x = 11, y = 20
console.log('result3: ', result1); // 10 + 19 = 29, x = 10, y = 19
console.log('result4: ', result1); // 10 + 20 = 30, x = 10, y = 19

 

비교 연산자

• 피연산자를 서로 비교하여 비교 결과가 참인지에 따라 논리 값을 반환

연산자	설명
a > b	a가 b보다 크다
a >= b	a가 b보다 크거나 같다
a < b	a가 b보다 작다
a <= b	a가 b보다 작거나 같다
a == b	a와 b는 같다
a === b	a와 b는 같다 (데이터 타입까지 비교)
a != b	a와 b는 다르다
a !== b	a와 b는 다르다 (데이터 타입까지 비교)

let a = 20;
let b = 10;
console.log(a > b); // true
console.log(a >= b); // true
console.log(a < b); // false
console.log(a <= b); // false

let a = 30;
let b = '30';
console.log(a == b); // 문자를 숫자로 바꾸기 때문에 true가 나옴
console.log(a != b); // false
console.log(a === b); // 숫자랑 문자가 다르기 때문에 false
console.log(a !== b); // true
// 자바스크립트에서 ===, !==를 쓰는 것을 적극 권장

 

할당 연산자

연산자	설명
x = 2	x에 숫자 2를 할당
x += y	x = x + y와 동일한 표현
x -= y	x = x - y와 동일한 표현
x *= y	x = x * y와 동일한 표현
x /= y	x = x / y와 동일한 표현

let x = 10;
let y = 20;
// x += y --> 30
// x -= y --> -10
// x *= y --> 200
// x /= y --> 0.5

 

논리 연산자

• true, false 두 가지 값밖에 없음

연산자	설명
x && y	AND, 피연산자가 모두 true이면 true 그 외에는 false
x || y	OR, 피연산자 중 하나라도 true이면 true 그 외에는 false
!x	NOT, 피연산자를 반대로 바꿈

 

단축 평가

• AND(&&)연산은 피연산자 중 하나라도 false이면 나머지 피연산자는 평가할 필요도 없이 false
• OR(||)연산은 피연산자 중 하나라도 true이면 나머지 피연산자는 평가할 필요도 없이 true
• 이런 동작을 단축 평가라고 부름

삼항 연산자

• 조건식 ? 값1 : 값2
• 조건식이 true면 값1 반환하고 false면 값2 반환

let number = 10;
let message = number % 2 === 1 ? '홀수입니다' : '짝수입니다';
console.log(message);
// 출력: 짝수입니다

 

 

 

정리

• + 기호를 통해서 문자열 병합 가능
• 사칙 연산에 나머지 연산까지 가능한 사칙 연산자
• 값을 증가시키거나 감소시키는 증감 연산자
• 피연산자를 서로 비교하는 비교 연산자
• 값을 할당할 수 있는 할당 연산자
• 두 개의 논리를 비교해서 true or false를 반환하는 논리 연산자
• if문을 줄여서 표현할 수 있는 삼항 연산자