나의개발일지

Java Script) 연산자 본문

Front-End

Java Script) 연산자

아. 이렇게 하면 될거 같은데.. 2023. 11. 27. 01:39
728x90

 


연산자

연산자는 프로그래밍에서 값을 조작하거나 비교하기 위해 사용되는 기호 또는 키워드로, 산술, 할당, 비교, 논리 등 다양한 유형이 있다.


1. 연산자의 종류

연산자 기호
문자열 연산자 +(문자열 연결)
산술 연산자 ++(증가 연산), --(감소 연산), *(곱셈), /(나눗셈), %(나머지), +(덧셈), -(뺄셈)
비교 연산자 <,<=,>,>=(비교연산), ==(값이 같다), !=(값이 다르다), ===(값과 타입 모두 같다), !==(값 또는 타입이 다르다)
논리 연산자 &(비트 AND), |(비트 OR), ^(비트 XOR), &&(논리 AND), ||(논리 OR)
조건 연산자 (판단)? true : false;
대입 연산자 =, +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, |=, ^=

2. 문자열 연산자

문자열 연산자는 + 기호를 사용하여 문자열을 연결하는 기능을 한다.

var st = "Hello" + "Javascript"

 

<출력 결과>

Hello Javascript

 

산술 연산자 +(덧셈)과 주의하여 사용하여야 한다.


2. 산술연산자

산술 연산자는 사칙 연산을 기본적으로 수행하는 연산자이다.

var num1 = 4;
var num2 = 2;

console.log(num1 + num2);				//덧셈
console.log(num1 - num2);				//뺄셈
console.log(num1 * num2);				//곱셈
console.log(num1 / num2);				//나눗셈
console.log(num1 % num2);				//나머지

 

<출력 결과>

6
2
8
2
0

 

증가, 감소 연산자

var num1 = 4;
var num2 = 2;

++num1;						//전위 증가
console.log(num1);					
console.log(num1++);				//후위 증가

--num2;						//전위 감소
console.log(num2);
console.log(num2--);				//후위 감소

 

<출력 결과>

5
5
1
1

 

증가 연산자와 감소 연산자에서 '전위'는 연산 과정에서 변수를 먼저 사용한 후 연산하는 것을 말하며, '후위'는 연산 먼저 하고 변수를 사용하는 것을 말한다.


3. 비교 연산자

비교 연산자는 두 피연산자의 값을 비교하여 참(true) 또는 거짓(false) 값을 반환한다.

var x = 5;
var y = "5";

console.log(x > y);		// 비교연산
console.log(x == y);		// 두 값이 같은지 비교
console.log(x === y);		// 두 값과 타입이 같은지 비교
console.log(x != y);		// 두 값이 다른지 비교
console.log(x !== y);		// 두 값이 다르거나 또는 타입이 다른지 비교

 

<출력 결과>

false
true
false
false
true

 


4. 논리 연산자

논리 연산자는 주어진 조건을 논리적으로 연산하여 참(true) 또는 거짓(false)을 반환한다.

 

- 일반 논리 연산자

  • 논리곱(AND) : 두 개의 피연산자가 모두 참일때 참 (&&)
  • 논리함 (OR) : 두 개의 피연산자 중 하나라도 참이면 참 (||)
  • 논리 부정(NOT)  : 피연산자 값이 참이면 거짓, 거짓이면 참 (!)
var x = 5;
var y = 7;

console.log(x < 10 && y > 10);			//논리곱
console.log(x < 10 || y > 10);			//논리합
console.log(!(x < 10 && y > 10));		//논리 부정

 

<출력 결과>

false
true
true

 

- 비트 논리 연산자

기억 장소에 저장된 이진값 즉 0,1 을 대상으로 연산

  • 비트곱 : 두 비트 모두 1일 때만 1 (&)
  • 비트합 : 두 비트 중 하나라도 1이면 1 (|)
  • 비트 부정 : 비트 값이 1이면 0, 0이면 1 (~)
  • 베타적 비트합 : 두 비트가 같을때 0, 다를 때 1 (^)
var x = 5;			// 0101
var y = 7;			// 0111

console.log(x & y);			// 비트곱
console.log(x | y);			// 비트합
console.log(x ^ y);			// 베타적 비트합
console.log(~(x));			// 비트 부정

 

<출력 결과>

5
7
2
-6

 


5. 조건 연산자

조건 연산자는 조건식을 판별하여 참이냐 거짓이냐에 따라 다음 문장을 선택적으로 실행하는 연산자 이다.

삼항 연산자라고도 한다.

 

var x = 5;
var y = 7;

console.log((x>y) ? x : y);
console.log((x > y) ? x-y : y-x);

 

<출력 결과>

7
2

 


6. 대입 연산자

대입 연산자는 '=' 기호를 사용하여 값이나 변수를 할당하는 연산이다.

대입 연산자에 산술연산자를 같이 사용하면 x = x + y 를 x += y 와 같이 줄일수 있다.

 

var x1 = x2 = x3 = x4 = x5 = 10;
var st = "Hello";

console.log(x1 += 1);
console.log(x2 -= 2);
console.log(x3 *= 3);
console.log(x4 /= 4);
console.log(x5 %= 5);
console.log(st += "Javascript")

 

<출력 결과>

11
8
30
2.5
0
Hello Javascript
728x90
반응형

'Front-End' 카테고리의 다른 글

Vue.js) 주요 DIrective  (0) 2024.07.03
JavaScript) ES6  (0) 2024.04.30
VS-CODE 단축어  (5) 2024.03.14
Java Script) 조건문  (1) 2023.12.15
Java Script) 데이터 타입과 변수  (0) 2023.11.21