English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
연산자는 주어진 연산자에 수학적이고 논리적 연산을 수행합니다.
JavaScript는 다음과 같은 유형의 연산자를 가지고 있습니다:
산술 연산자
할당 연산자
비교 연산자
비트 연산자
논리 연산자
문자열 연산자
조건(삼원) 연산자
일원 연산자
관계 연산자
수학 연산자는 숫자에 수학 연산을 수행하는 데 사용됩니다.
수학 연산자는 연산자를
연산자 | 설명 | 예제 | 정의 | 테스트해 보세요 |
---|---|---|---|---|
+ | 더하기 | a + b | a와 b의 합 | 테스트해 보세요 |
- | 빼기 | a-b | a와 b의 차 | 테스트해 보세요 |
* | 곱 | a * b | a와 b의 곱 | 테스트해 보세요 |
** | 승幂 | a ** b | a의 b승 | 테스트해 보세요 |
/ | 나누기 | a / b | a를 b로 나누기 | 테스트해 보세요 |
% | 나머지(나머지) | a%b | a / b의 나머지 | 테스트해 보세요 |
++ | 자식 증가 | a ++ | a 자식 증가1 | 테스트해 보세요 |
-- | 자식 감소 | a-- | a 자식 감소1 | 테스트해 보세요 |
할당 연산자는 값을 JavaScript 변수에 할당합니다.
간단한 할당 연산자 (=)는 그 오른쪽 연산자의 값을 그 왼쪽 연산자에 할당합니다.
연산자 | 설명 | 예제 | 동일 | 테스트해 보세요 |
---|---|---|---|---|
= | 할당 | a = b | a = b | 테스트해 보세요 |
+= | 더하기 후 할당 | a + = b | a = a + b | 테스트해 보세요 |
-= | 빼기 후 할당 | a-= b | a = a-b | 테스트해 보세요 |
*= | 곱하기 후 할당 | a * = b | a = a * b | 테스트해 보세요 |
**= | 승幂 후 할당 | a ** = b | a = a ** b | 테스트해 보세요 |
/= | 나누기 후 할당 | a / = b | a = a / b | 테스트해 보세요 |
%= | 나머지를 구한 후 할당 | a%= b | a = a%b | 테스트해 보세요 |
비교 연산자는 두 가지 값을 비교하고 부울 값을 반환합니다.
연산자 | 설명 | 예제 | 정의 | 테스트해 보세요 |
---|---|---|---|---|
== | 일치 | a == b | a가 b와 동일하면 참입니다 | 테스트해 보세요 |
=== | 동일 | a===b | a가 b와 동일하며, 동일한 유형이면 true입니다 | 테스트해 보세요 |
!= | 불일치 | a! =b | a가 b와 다르면 true입니다 | 테스트해 보세요 |
!== | 형식 포함 불일치 | a!==b | a가 b와 다르며, 동일한 데이터 타입이 아니면 true입니다 | 테스트해 보세요 |
> | 큰 것 | a>b | a가 b보다 크면 true입니다 | 테스트해 보세요 |
< | 작은 것 | a <b | a가 b보다 작으면 true입니다 | 테스트해 보세요 |
>= | 큰 것 또는 같은 것 | a>=b | a가 b보다 크거나 같으면 true입니다 | 테스트해 보세요 |
<= | 작은 것 또는 같은 것 | a <= b | a가 b보다 작거나 같으면 true입니다 | 테스트해 보세요 |
(a == b)과 (a === b)의 차이는:
== a가 b와 동일하면 true를 반환합니다
=== a가 b와 동일하며, 그들이동일한 유형그렇다면 true를 반환합니다
조건문에서 비교 연산자를 사용하여 값을 비교하고 결과에 따라 다른 프로세스로 이동할 수 있습니다.
이 튜토리얼의 후반부에서 조건문을 사용하는 방법을 배울 것입니다.
비트 연산자는 연산자를32비트(0과 1)로, 십진수, 십육진수 또는 오ctal 수로 변환되지 않습니다.
이 연산에서 사용되는 모든 숫자 연산자는32비트 숫자. 결과를 JavaScript 번호로 변환합니다.
연산자 | 설명 | 예제 | 동일 | 결과 | 소수 |
---|---|---|---|---|---|
& | 과 | 5&1 | 0101와 0001 | 0001 | 1개 |
| | 또는 | 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | 비 | ~5 | ~0101 | 1010 | 10 |
^ | 이퍼 | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | 왼쪽 이동 | 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | 비호환 오른쪽 이동 | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>>> | 비호환 왼쪽 이동 | 5 >>> 1 | 0101 >>> 1 | 0010 | 2 |
위의 예제는4비트 비신호 예제. 하지만 JavaScript는32비트 신호 부호
따라서 JavaScript에서는 ~5반환하지 않습니다10。그것은 다음을 반환합니다-6。
~00000000000000000000000000000101반환합니다11111111111111111111111111111010
논리 연산자는 변수나 값 간의 논리를 결정하는 데 사용됩니다。
논리 연산자는 조건 문장을 조합하는 데 일반적으로 사용되며, 부울 값을 반환합니다。
연산자 | 설명 | 예제 | 정의 | 테스트해 보세요 |
---|---|---|---|---|
&& | 논리 그리고 | a && b | a와 b이 모두 참이면 참입니다 | 테스트해 보세요 |
|| | 논리 이거나 | a|| b | a나 b가 참이면 참입니다 | 테스트해 보세요 |
! | 논리 비 | !a | a가 참이 아니면 참입니다 | 테스트해 보세요 |
이+연산자는 문자열을 연결(결합)하는 데도 사용할 수 있습니다。
var str1 = "Hello"; var str2 = "World"; var str3 = str1 + "" + str2;테스트 봐‹/›
추가 대입 연산자+=는 문자열을 연결(결합)하는 데도 사용할 수 있습니다。
var str1 = "Hey! "; str1 += "How r u doing?";테스트 봐‹/›
문자열에 사용될 때, 이+연산자는 연결 연산자라고 불립니다。
조건 연산자는 세 개의 연산자를 사용하는 유일한 JavaScript 연산자입니다。
조건에 따라 두 가지 중 하나의 값을 얻을 수 있습니다. 문법은 다음과 같습니다:
condition ? val1 : val2
만약condition 의 계산 결과는true을 반환하면val1을 반환하지 않으면val2。
조건 연산자는 표준 연산자를 사용할 수 있는 위치의 어디서든 사용할 수 있습니다。
var status = (age >= 18) ? "성인" : "아동";테스트 봐‹/›
만약 연령이18해당 연령 또는 이상이면, 이 문장은 변수 status에 '성인' 값을 할당합니다. 그렇지 않으면, status에 '아동' 값을 할당합니다。
일원 연산자는 단 하나의 연산자가 있는 연산입니다。
JavaScript는 세 가지 일원 연산자를 포함하고 있습니다:
설명 | 설명 |
---|---|
delete | 객체, 객체의 속성이나 배열의 지정된 인덱스 위치의 요소를 제거합니다 |
typeof | 변수의 타입을 반환합니다 |
void | 값을 반환하지 않고 요구된 값을 지정하는 표현식 |
delete 연산자는 객체, 객체의 속성이나 배열의 지정된 인덱스 위치의 요소를 제거할 수 있습니다。
작업을 수행할 수 있으면, delete 연산자는 true를 반환합니다; 그렇지 않으면, false를 반환합니다. 작업을 수행할 수 없으면, false를 반환합니다。
만약 delete 연산자가 성공적으로 작동하면, 속성이나 요소를 undefined로 설정합니다:
var user = {firstName:"Vishal", age:"22, color:"blue"}; delete user.firstName; // true를 반환합니다테스트 봐‹/›
delete 연산자가 배열 요소를 제거할 때, 해당 요소는 배열에서 제거됩니다.
var fruits = ["Apple", "Mango", "Banana"]; delete fruits[0]; // delete "Apple"테스트 봐‹/›
주의:배열 요소를 제거할 때 배열의 길이는 영향을 받지 않습니다.
typeof 연산자는 변수나 표현식의 타입을 반환합니다.
typeof "" // Returns "string" typeof "Vishal"// Returns "string" typeof "42"// Returns "string" (Number within quotes is String) typeof 42 // Returns "number" typeof true// Returns "boolean" typeof false // Returns "boolean" typeof undefined // Returns "undefined" typeof null// Returns "object" typeof {name:"Vishal", age:22} // Returns "object" typeof [2, 4, 6, 8]// Returns "object" (not "array", see note below) typeof function myFunc(){} // Returns "function"테스트 봐‹/›
주의:typeof 연산자는 배열에 대해 "object"을 반환합니다. 왜냐하면 JavaScript에서 배열은 객체이기 때문입니다.
typeof 연산자가 반환하는 값의 목록은 다음과 같습니다:
형식 | typeof이 반환하는 문자열 |
---|---|
Number | "number" |
String | "string" |
Boolean | "boolean" |
Object | "object" |
Function | "function" |
Undefined | "undefined" |
Null | "object" |
void 연산자는 값을 요청하는 표현식을 지정하지만 값을 반환하지 않습니다.
다음 코드는 사용자가 링크를 클릭할 때 어떤 작업도 수행하지 않는 텍스트 링크를 생성합니다.
<a href="javascript:void(0)">아무것도 할 수 없게 클릭하세요</a>/a>테스트 봐‹/›
관계 연산자는 연산자를 비교하고 비교가 참인지 여부에 따라 부울 값을 반환합니다.
JavaScript에는 두 개의 관계 연산자가 있습니다:
설명 | 설명 |
---|---|
in | 지정된 속성이 지정된 객체에 있으면 true를 반환합니다 |
instanceof | 객체가 객체 타입의 예시라면 true를 반환합니다 |
지정된 속성이 지정된 객체에 있으면 in 연산자는 true를 반환합니다。
var user = {firstName:"Vishal", age:"22, color:"blue"}; "firstName" in user; // true를 반환합니다 "age" in user;// true를 반환합니다 "Food" in user; // false를 반환합니다테스트 봐‹/›
in 연산자와 Array 배열을 함께 사용할 때는 인덱스 번호를 지정해야 하며, 인덱스 위치의 값은 지정하지 않습니다。
var fruits = ["Apple", "Mango", "Banana"]; var item1 = 0 in fruits; // true를 반환합니다 var item2 = 1 fruits; // true를 반환합니다 var item3 = 2 fruits; // true를 반환합니다 var item4 = 3 fruits; // false를 반환합니다테스트 봐‹/›
지정된 객체가 지정된 객체 타입에 속하면 instanceof 연산자는 true를 반환합니다。
객체 타입을 실행 시간에�断할 때는 instanceof 연산자를 사용하십시오。
var myObj = new Date(); if (myObj instanceof Date) { // 실행할 문장 }테스트 봐‹/›