에뛰드 블로그
article thumbnail
Published 2023. 5. 15. 21:27
자바스크립트 - 연산자 FE/JAVASCRIPT

 

🤷‍♀️연산자

프로그래밍에서 쓰이는 기호들입니다.

 

🧸 산술연산자

사칙연산을 다루는 가장 기본적이면서 많이 사용하는 연산자입니다.

🎡 덧셈 연산자

"+" 사용하며 왼쪽 변수의 값에 오른쪽 변수의 값을 더합니다.

var x = 37;
var y = 65;
var p = x + y;
document.write(p);
// 결과 : 102

🎡 뺄셈 연산자

"-" 사용하며 왼쪽 변수의 값에서 오른쪽 변수의 값을 뺍니다.

var x = 65;
var y = 4;
var m = x - y;
document.write(m);
// 결과 : 61

🎡 곱셈 연산자

"*" 사용하며 왼쪽 변수의 값에 오른쪽 변수의 값을 곱합니다.

var x = 2;
var y = 9;
var m = x * y;
document.write(m);
// 결과 : 18

 

🎡 나눗셈 연산자

"/" 사용하며 왼쪽 변수의 값을 오른쪽 변수의 값으로 나눕니다.

var x = 9;
var y = 3;
var d = x / y;
document.write(d);
// 결과 : 3

 

🎡 나머지 연산자

"%" 사용하며 왼쪽 변수의 값을 오른쪽 변수의 값으로 나눈 후, 그 나머지를 반환합니다.

var x = 9;
var y = 3;
var d = x % y;
document.write(x % y);
// 결과 : 0

 

🎡 거듭제곱 연산자

"**" 사용하며 왼쪽 변수를 밑, 오른쪽 변수를 지수로 한 값을 구합니다.

var x = 2;
var y = 9;
var p = x ** y;
document.write(p);
// 결과 : 512

 

🧸 대입연산자

변수에 값을 대입할 때 사용하는 이항연산자입니다.

🎡 = 연산자

"=" 사용하며 왼쪽 변수에 오른쪽 변수의 값을 대입합니다.

var x = 65;
document.write(x);
// 결과 : 65

 

🎡 += 연산자

"+=" 사용하며 왼쪽 변수에 오른쪽 변를 더하고, 그 결과를 다시 왼쪽 변수에 할당하는 연산자입니다.

var x = 2;
var y = 65;
x += y;
document.write(x);
// 결과 : 67

 

🎡 -= 연산자

"-=" 사용하며 왼쪽 변수에서 오른쪽 변수를 빼고, 그 결과를 다시 왼쪽 변수에 할당하는 연산자입니다.

var x = 65;
var y = 2;
x -= y;
document.write(x);
// 결과 : 63

 

🎡 *= 연산자

"*=" 사용하며 왼쪽 변수에 오른쪽 변수를 곱한 결과를 다시 왼쪽 변수에 할당하는 연산자입니다.

var x = 2;
var y = 65;
x *= y;
document.write(x);
// 결과 : 130

 

🎡 /= 연산자

"/=" 사용하며 왼쪽 변수를 오른쪽 변수로 나눈 결과를 다시 왼쪽 변수에 할당하는 연산자입니다.

var x = 4;
var y = 2;
x /= y;
document.write(x);
// 결과 : 2

 

🎡 %= 연산자

"%=" 사용하며 왼쪽 변수를 오른쪽 변수로 나눈 나머지를 다시 왼쪽 변수에 할당하는 연산자입니다.

var x = 65;
var y = 4;
x %= y;
document.write(x);
// 결과 : 1

 

🧸 증감연산자

피연산자를 1씩 증가 또는 감소시킬 때 사용하는 연산자입니다.

🎡 ++변수 연산자

"++변수" 사용하며 변수의 값을 1 증가시킨 후에 해당 연산을 진행합니다.

var x = 9;
x++;
document.write(x);
// 결과 : 10

 

🎡 변수++ 연산자

"변수++" 사용하며 해당 연산을 수행하고 나서, 변수의 값을 1 증가시킵니다.

var x = 65;
var y = x++;
document.write(y);
// 결과 : x = 66, y = 65

 

🎡 --변수 연산자

"--변수" 사용하며 변수의 값을 1 감소시킨 후, 해당 연산을 진행합니다.

var x = 9;
--x;
document.write(x);
// 결과 : 8

 

🎡 변수-- 연산자

"변수--" 사용하며 해당 연산을 수행하고 나서, 변수의 값을 1 감시킵니다.

var x = 65;
var y = x--;
document.write(x);
// 결과 : x = 64, y = 65

 

🧸 비교연산자

두 개의 값을 비교하여 참(True) 또는 거짓(False) 값을 반환하는 연산자입니다.

🎡 == 연산자

"==" 사용하며 두 값이 서로 같으면 True, 다르면 False를 반환합니다.

var x = 65;
var y = 65;
document.write(x == y);
// 결과 : true

 

🎡 != 연산자

"!=" 사용하며 두 값이 서로 다르면 True, 같으면 False를 반환합니다.

var x = 65;
var y = 2;
document.write(x != y);
// 결과 : true

 

🎡 < 연산자

"<" 사용하며 왼쪽 변수의 값이 오른쪽 변수의 값보다 작으면 True를 반환합니다.

document.write(6 < 5);
// 결과 : false

 

🎡 > 연산자

">" 사용하며 왼쪽 변수의 값이 오른쪽 변수의 값보다 크면 False를 반환합니다.

document.write(65 > 2);
// 결과 : true

 

🎡 >= 연산자

">=" 사용하며 왼쪽 변수의 값이 오른쪽 변수의 값보다 크거나 같으면 True를 반환합니다.

document.write(6 >= 6);
// 결과 : true

 

🎡 <= 연산자

"<=" 사용하며 왼쪽 변수의 값이 오른쪽 변수의 값보다 작거나 같으면 True를 반환합니다.

document.write(65 <= 2);
// 결과 : false

 

🧸 논리연산자

주어진 논리식을 판단하여, 참과 거짓을 반환합니다.

🎡 && 연산자

"&&" 사용하며 논리식이 모두 참이면 참을 반환합니다.

document.write(2 > 9 && 7 > 9);
// 결과 : false

 

🎡 || 연산자

"||" 사용하며 논리식 중 하나라도 참이면 참을 반환합니다

document.write(2 < 9 || 7 > 9); 
// 결과 : true

 

🎡 ! 연산자

"!" 사용하며 논리식의 결과가 참이면 거짓을, 거짓이면 참을 반환합니다.

document.write(!(9 < 7)); 
// 결과 : true
profile

에뛰드 블로그

@MISU 미수

매일 1px씩 성장하는 개발자입니다! 성장하면서 알게 된 저의 지식을 공유하기 위한 블로그입니다

검색 태그