My Melody Kawaii

JAVASCRIPT

자바스크립트에 존재하는 연산자의 종류는?

younajeong 2023. 2. 21. 21:41

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90

연산자란?

연산자는 '3+5' , '3<5' 등과 같이 프로그램에 필요한 수식을 만들 때 필요한 것입니다. 연산자의 종류에는 산술연산자, 대입연산자, 비교 연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등이 있습니다.

 

1.  산술 연산자

<산술 연산자의 종류>

산술 연산자 종류 속성 설명
+ 더하기 연산을 사용합니다.
문자와 문자 , 문자와 변수 등을 연결할 사용합니다.
- 빼기 연산을  때 사용합니다.
* 곱하기 연산을 할 때 사용합니다.
/ 몫을 구 할 때 사용합니다.
% 나머지를 구할 때 사용합니다.
++ 1씩 증가시킬 때 사용합니다.
-- 1씩 감소시킬 때 사용합니다.

 

01. '+'연산자 

산술 연산자 중 '+'연산자는  '+'를 기준으로 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 더하기 연산이 아닌 연결 연산을 합니다.

var subject = "css";
var score = 100;
console.log (subject + '과목성적은' + score);  // css 과목 성적은 100

이렇듯 +는 더해주는 연산도 있지만 연결을 해주어 하나의 단어들이 문장을 이루게 해주기도 하는 기능을 가지고 있습니다. 그리고 새로 추가된 템플릿 문자열을 이용하면 '+' 연산자를 사용하지 않아도 문자열에 큰 따옴표나 작은 따옴표 대신 백틱/ 백쿼드(')를 사용하고 $[변수]로 표현할 수도 있습니다.

 

02. %(나머지) 연산자 

%(나머지) 연산자는 '반복적인 숫자 구간의 패턴', 조건문을 이용한 '짝 홀수 , 배수 판단' 등 식을 만드는데 사용합니다.

 

03. ++,-- 연산자 

++,-- 연산자는 변수의 값을 1씩 증가 시키거나 감소시키는데 사용하는 연산자 입니다. 문자처럼 ++와 --사이에 공백이 있으면 안 됩니다. ++,-- 연산자는 변수의 앞쪽이나 뒤쪽에 붙여 사용할 수 있습니다.  증감 연산자가 변수와 단독으로 사용 될때는 위치가 앞이든 뒤든 상관이 없지만 '='연산자와같이 사용되면 결과 값에 영향을 줍니다.

 

이미지 출저

2.  대입 연산자

<대입 연산자의 종류>

대입 연산자 종류 설명
= num = 1은 우변의 1값을 좌변의 num 변수에 대입(저장) 합니다.
+= num += 2는 num = num +2와 같습니다.
-= num -= 2는 num = num -2와 같습니다.
*= num *= 2는 num = num *2와 같습니다.
/= num /= 2는 num = num /2와 같습니다.
%= num %= 2는 num = num %2와 같습니다.

01. '+=' 연산자

'+=' 연산자는 '+' 연산자처럼 좌변과 우변에 숫자가 아닌 문자나 변수 등이 오면 기존 데이터에 새로운 데이터를 연결해서 누적하게 됩니다. 또한 '='연산자는 연속 대입도 가능합니다.

var str = '자바스크립트';
var str += '제이쿼리'; //  str = '자바스크립트' + '제이쿼리'
console. log(str); // 자바스크립트  제이쿼리 

 

3.  비교 연산자

<비교 연산자의 종류>

비교 연산자는 값을 비교하고 결과 값을 논리값인 ture나 false로 반환합니다.

산술 연살자 종류 설명!
> a>b가 참이면 ture, 거짓이면 false가 됩니다.
< a<b가 참이면 ture, 거짓이면 false가 됩니다.
>= a>=b가 참이면 ture, 거짓이면 false가 됩니다.
<= a<=b가 참이면 ture, 거짓이면 false가 됩니다.
== a==b가 참이면 ture, 거짓이면 false가 됩니다.
== 연산자의 경우 데이터 타입은 비교하지 않습니다.
ex) 5 == '5' ture가 나옵니다.
!= a!=b가 참이면 ture, 거짓이면 false가 됩니다.
=== a===b, a와 b가 같고 데이터 타입도 같으면 ture , 같지 않으면 false가 됩니다.
ex) 5==='5' false가 나옵니다.
!== a!==b, a와 b가 같지 않거나 데이터 타입이 같지 않으면 ture , 같으면 false가 됩니다.

 

<이상,초과,이하,미만 표현>

이상 num >=10, 10이상을 의미 합니다.
초과 num >10, 10이상을 의미 합니다.
이하 num <=10, 10이상을 의미 합니다.
미만 num <=10, 10이상을 의미 합니다.

 

 

4.  논리 연산자

<논리 연산자의 종류>

논리 연산자 종류 설명
&& (AND연산자) a&&b, a와 b 모두 ture(참) 일 때 ture(참)이 됩니다.
ture && ture = ture           ture && false = false
flase && ture = false       false && ture = false
|| (OR연산자) a || b, a와 b 모두 ture(참) 일 때 ture(참)이 됩니다.
ture || ture = ture           ture || false = ture
flase || ture = ture      false ||ture = false
! (NOT연산자) !a, a가 ture이면 flase, flase이면 ture로 바꿔줍니다.

<논리 연산자를 이용한 부등식 표현>

x >  20    &&  x < 30;        // 20 초과 30미만
x >=  20  &&  x <= 30;     // 20 이상 30이하