JavaScript 연산자

JavaScript 연산자

예제

변수에 값을 할당하고 그들을 더합니다：

var x = 7;		// x에 7을 할당
var y = 8;		// y에 8을 할당
var z = x + y;		// z (x + y)에 15를 할당 15

자신이 직접 시도해보세요

할당연산자（=）값을 변수에 할당합니다。

할당

var x = 15;

자신이 직접 시도해보세요

더하기연산자（+）숫자를 더합니다：

더하기

var x = 7;
var y = 8;
var z = x + y;

자신이 직접 시도해보세요

곱하기연산자（*）숫자를 곱합니다：

곱하기

var x = 7;
var y = 8;
var z = x * y;

자신이 직접 시도해보세요

JavaScript 수학 연산자

수학 연산자는 숫자에 수학 연산을 수행하는 데 사용됩니다:

연산자 설명
+ 더하기
- 뺄하기
* 곱하기
/ 나누기
% 모듈러(나머지)
++ 증가
-- 감소

주의사항:JS 수학이 장에서는 수학 연산자가 완전히 설명되었습니다.

JavaScript 할당 연산자

할당 연산자는 JavaScript 변수에 값을 할당합니다。

연산자 예제 동일합니다
= 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

가법 할당 연산자（+=）변수에 값을 추가합니다。

할당

var x = 7;
x += 8;

자신이 직접 시도해보세요

주의사항:JS 할당이 장에서 할당 연산자가 완전히 설명되었습니다.

JavaScript 문자열 연산자

+ 연산자는 문자열을 더하기(연결, 캐시드)에도 사용될 수 있습니다.

예제

txt1 = "Bill";
txt2 = "Gates";
txt3 = txt1 + " " + txt2;

txt3의 결과는 다음과 같습니다:

Bill Gates

자신이 직접 시도해보세요

+= 할당 연산자는 문자열을 더하기(캐시드)에도 사용될 수 있습니다:

예제

txt1 = "Hello ";
txt1 += "Kitty!";

txt1의 결과는 다음과 같습니다:

Hello Kitty!

자신이 직접 시도해보세요

ヒント:문자열로 사용될 때+ 연산자는 캐시드 연산자라고 불립니다.

문자열과 숫자의 더하기

두 숫자를 더하면 합을 반환하지만, 숫자와 문자열을 더하면 문자열을 반환합니다:

예제

x = 7 + 8;
y = "7" + 8;
z = "Hello" + 7;

x, y, z의 결과는 다음과 같습니다:

15
78
Hello7

자신이 직접 시도해보세요

ヒント:숫자와 문자열을 더하면 문자열이 될 것입니다!

JavaScript 비교 연산자

연산자 설명
== 일치
=== 일치하거나 일치형
!= 불일치
!== 불일치하거나 불일치형
이거나 크다 크다
이거나 작다 작다
이거나 크다 또는 큰거나 같다
이거나 작다 또는 작은거나 같다
? 삼항 연산자

주의사항:JS 비교이 장에서는 비교 연산자를 완전히 설명합니다.

JavaScript 논리 연산자

연산자 설명
&& 논리 과
|| 논리 또는
! 논리 비

주의사항:JS 비교이 장에서는 논리 연산자를 완전히 설명합니다.

JavaScript 타입 연산자

연산자 설명
typeof 변수의 타입을 반환합니다.
instanceof 객체가 객체 타입의 인스턴스인지 확인할 때 true를 반환합니다.

주의사항:JS 타입 변환이 장에서는 타입 연산자를 완전히 설명합니다.

JavaScript 비트 연산자

비트 연산자는 32비트 수를 처리합니다.

이 연산에서의 어떤数值 연산자도 32비트의 수로 변환됩니다. 결과는 JavaScript 수로 변환됩니다.

연산자 설명 예제 동일합니다 결과 10진수
& 합 5 & 1 0101 & 0001 0001 1
| 또는 5 | 1 0101 | 0001 0101 5
~ 비 ~ 5 ~0101 1010 10
^ 이퍼셉션 5 ^ 1 0101 ^ 0001 0100 4
<< 0으로 채운 좌측 정렬位移 5 << 1 0101 << 1 1010 10
>> 부호 유지 우측 정렬位移 5 >> 1 0101 >> 1 0010 2
>>> 0으로 채운 우측 정렬位移 5 >>> 1 0101 >>> 1 0010 2

이 예제는 4비트의 무符号 정수를 사용하지만, JavaScript는 32비트의 정수를 사용합니다.

따라서 JavaScript에서 ~5는 10이 아니라 -6을 반환합니다.

~00000000000000000000000000000101은 11111111111111111111111111111010을 반환합니다.

주의사항:우리는 JS 비트 연산이 장에서는 비트 연산자를 상세히 설명합니다.

밖의 책

더 많은 정보가 필요하시다면: JavaScript 연산자이 내용에 대해 더 알고 싶다면, JavaScript 고급 교재에서 관련 내용을 읽어보세요:

ECMAScript 일원 연산자
일원 연산자는 하나의 매개변수만 있으며, 이는 작업을 수행할 대상이나 값입니다. 이 장에서는 ECMAScript에서 가장 간단한 연산자인 일원 연산자를 설명합니다.
ECMAScript 비트 연산자
비트 연산자는 숫자의 바닥에서 작업합니다. 이 장에서는 정수에 대한 지식을 깊이 있게 설명하며, ECMAScript의 다양한 비트 연산자를 소개합니다.
ECMAScript 보리 연산자
Boolean 연산자는 매우 중요합니다. 이 장에서는 NOT, AND, OR 세 가지 Boolean 연산자를 깊이 있게 설명합니다.
ECMAScript 곱 연산자
이 장에서 ECMAScript의 곱 연산자: 곱하기, 나누기, 나머지 연산자, 그리고 그들의 특수 동작을 설명합니다.
ECMAScript 덧 연산자
이 장에서 ECMAScript의 추가 연산자: 더하기, 뺄 연산자, 그리고 그들의 특수 동작을 설명합니다.
ECMAScript 관계 연산자
관계 연산자는 비교 연산을 수행합니다. 이 장은 관계 연산자의 일반 비교 방식 및 문자열과 숫자를 비교하는 방법을 설명합니다.
ECMAScript 동등 연산자
동등 연산자는 변수가 같은지 확인하는 데 사용됩니다. ECMAScript는 두 쌍의 동등 연산자를 제공합니다: 등호(==)와 등호(!=) 및 완전 등호(===)와 완전 등호(!==).
ECMAScript 조건 연산자
이 장은 ECMAScript에서 조건 연산자를 설명합니다.
ECMAScript 대입 연산자
이 장은 ECMAScript에서 대입 연산자를 설명합니다.
ECMAScript 콤마 연산자
이 장은 ECMAScript에서 콤마 연산자를 설명합니다.

다른 참조:

강의:JavaScript 연산자 우선순위

참조 설명서:JavaScript 연산자