상세 컨텐츠

본문 제목

[JavaScript]Operators_자바스크립트 연산자의 종류와 기본설명

컴퓨터+IT

by 아르테미쓰 2023. 8. 4. 17:59

본문

https://www.w3schools.com/js/js_operators.asp

 

JavaScript Operators

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

 

JavaScript Operators_자바스크립트에는 다양한 유형의 JavaScript 연산자가 있습니다.

1.산술 연산자
2.할당 연산자
3.비교 연산자
4.문자열 연산자
5.논리 연산자
6.비트 연산자
7.삼항 연산자
8.연산자 유형

 

 

1.JavaScript 산술 연산자

산술 연산자는 숫자에 대한 산술을 수행하는 데 사용됩니다.

Operator Description
+ 덧셈
- 빼기
* 곱셈
** 지수화(ES2016)
/ 나누기
% 계수(나누기 나머지)
++ 증가
-- 감소
 

 

2.JavaScript 할당 연산자

할당 연산자는 JavaScript 변수에 값을 할당합니다. 추가 할당 연산자(+=)는 변수에 값을 추가합니다.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y
 

 

 

3.JavaScript 비교 연산자

Operator Description
== 동일
=== 동등한 가치와 동등한 유형
!= 같지 않다
!== 값이 같지 않거나 같지 않은 유형
> ~보다 큰
< 미만
>= 보다 크거나 같음
<= 이하
? 삼항 연산자
 

 

3-1.JavaScript 문자열 비교

위의 모든 비교 연산자는 문자열에서도 사용할 수 있습니다.

[예제]
let text1 = "A";
let text2 = "B";
let result = text1 < text2;

 

문자열은 알파벳순으로 비교됩니다.

[예제]
let text1 = "20";
let text2 = "5";
let result = text1 < text2;

 

 

4-1.JavaScript 문자열 추가

+는 문자열을 추가(연결)하는 데에도 사용할 수 있습니다.

[예제]
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

 

+= 대입 연산자를 사용하여 문자열을 추가(연결)할 수도 있습니다.

[예제]
let text1 = "What a very ";
text1 += "nice day";
[결과]
What a very nice day

문자열에 사용될 때 + 연산자는 연결 연산자라고 합니다.

 

 

4-2.문자열과 숫자 추가하기

두 개의 숫자를 더하면 합계가 반환되지만 숫자와 문자열을 더하면 문자열이 반환됩니다.

[예제]
let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;
[결과]
10
55
Hello5

숫자와 문자열을 더하면 결과는 문자열이 됩니다!

 

 

 

5.JavaScript 논리 연산자

Operator Description
&& logical and
|| logical or
! logical not
 

 

6.JavaScript 비트 연산자

비트 연산자는 32비트 숫자에서 작동합니다. 연산의 숫자 피연산자는 32비트 숫자로 변환됩니다. 결과는 JavaScript 숫자로 다시 변환됩니다.

Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

위의 예는 4비트 부호 없는 예를 사용합니다. 그러나 JavaScript는 32비트 부호 있는 숫자를 사용합니다. 이 때문에 JavaScript에서 ~5는 10을 반환하지 않습니다. -6을 반환합니다. ~000000000000000000000000000000101은 11111111111111111111111111111010을 반환합니다.

 

 

8.JavaScript 유형 연산자

Operator Description
typeof 변수의 유형을 반환합니다.
instanceof 객체가 객체 유형의 인스턴스인 경우 true를 반환합니다.
 
 
 

관련글 더보기

댓글 영역