JavaScript 연산자

윤로그·2021년 9월 4일

JavaScript

목록 보기
3/9
post-thumbnail

산술 연산자(numeric operator)

console.log(10 - 5); // 더하기
console.log(100 - 10); // 마이너스
console.log(100 / 10); // 나누기
console.log(1000 * 10); // 곱하기
console.log(10 % 15); // 나누고 나머지 값 
console.log(2 ** 3); // 2의 3승 (제곱) 

증감 연산자(increment and decrement operator)

  • 전위 연산자
let N1 = 5;
let N2 = ++N1; // N1에 +1을 먼저 증가 시킨다.

console.log(N2); // 6 
  • 후위 연산자
let N3 = 5;
let N4 = N3++; // N3에 N4를 먼저 대입시킨 후 N3에 +1을 증가 시킨다.

console.log(N4); // 5

i++ / ++i
증감 연산자가 독립적으로 사용 된 경우 전후위형의 차이가 없다


대입 연산자(assignment opreator)

A += B // A = A + B
A -= B // A = A - B 
A *= B // A = A * B
A /= B // A = A / B
A %= B // A = A % B

비교 연산자(comparison operator)

비교 연산자내용
==왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 true
===왼쪽 피연산자와 오른쪽 피연산자의 값과 데이터 타입이 같으면true
!=왼쪽 피연산자와 오른쪽 피연산자의 값이 다르면 true
!==왼쪽 피연산자와 오른쪽 피연산자의 값과 타입이 다르면 true
>왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 true
>=왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 true
<왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 true
<=왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 true
const string = '100';
const number = 100;

console.log(string == number); // true

const string = '100'; 
const number = 100; 

console.log(string === number); // 타입이 다르므로 false

const name_1 = { name : '윤승근' };
const name_2 = { name : '윤승근' };
const name_3 = name_1;

console.log(name_1 == name_2); // 값(레퍼런스)이 다르므로 false
console.log(name_1 === name_3); // true

논리 연산자(logical operator)

  • || (or)
 let V1 = false;
 let V2 = 5 > 10; 

 function CHECK() {
 	for (let i = 0; i < 10; i++) {
    	console.log('🙌');
	}
    retrun true;
 }

console.log(V1 || V2 || CHECK); 
// 조건 중 하나라도 true면 true를 리턴
// 연산을 하는 함수는 뒤에다 배치하는 게 효율적
  • && (and)
let V1 = true;
let V2 = 5 > 1;
let V3 = 50 > 45;

console.log(V1 && V2 && V3) 
// 조건이 모두 true여야 true를 리턴 하나라도 false면 false

if (null_oject != null) {
  null_object.someting;
}

// null 체크 할 시에도 사용 object가 null이면 false
  • ! (not)
let value = 1 < 5;
console.log(!value) // false 결과 값을 반대로 변경


0개의 댓글