English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 교육

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 교육

JavaScript 참조 매뉴얼

JavaScript 연산자

연산자는 주어진 연산자에 수학적이고 논리적 연산을 수행합니다.

JavaScript는 다음과 같은 유형의 연산자를 가지고 있습니다:

  • 산술 연산자

  • 할당 연산자

  • 비교 연산자

  • 비트 연산자

  • 논리 연산자

  • 문자열 연산자

  • 조건(삼원) 연산자

  • 일원 연산자

  • 관계 연산자

JavaScript 수학 연산자

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

수학 연산자는 연산자를

연산자설명예제정의테스트해 보세요
+더하기a + ba와 b의 합테스트해 보세요
-빼기a-ba와 b의 차테스트해 보세요
*a * ba와 b의 곱테스트해 보세요
**승幂a ** ba의 b승테스트해 보세요
/나누기a / ba를 b로 나누기테스트해 보세요
%나머지(나머지)a%ba / b의 나머지테스트해 보세요
++자식 증가a ++a 자식 증가1테스트해 보세요
--자식 감소
a--a 자식 감소1테스트해 보세요

JavaScript 할당 연산자

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

간단한 할당 연산자 (=)는 그 오른쪽 연산자의 값을 그 왼쪽 연산자에 할당합니다.

연산자설명예제동일테스트해 보세요
=할당a = ba = b테스트해 보세요
+=더하기 후 할당a + = ba = a + b테스트해 보세요
-=빼기 후 할당a-= ba = a-b테스트해 보세요
*=곱하기 후 할당a * = ba = a * b테스트해 보세요
**=승幂 후 할당a ** = ba = a ** b테스트해 보세요
/=나누기 후 할당a / = ba = a / b테스트해 보세요
%=나머지를 구한 후 할당a%= ba = a%b테스트해 보세요

JavaScript 비교 연산자

비교 연산자는 두 가지 값을 비교하고 부울 값을 반환합니다.

연산자설명예제정의테스트해 보세요
==일치a == ba가 b와 동일하면 참입니다테스트해 보세요
===동일a===ba가 b와 동일하며, 동일한 유형이면 true입니다테스트해 보세요
!=불일치a! =ba가 b와 다르면 true입니다테스트해 보세요
!==형식 포함 불일치a!==ba가 b와 다르며, 동일한 데이터 타입이 아니면 true입니다테스트해 보세요
>큰 것a>ba가 b보다 크면 true입니다테스트해 보세요
<작은 것a <ba가 b보다 작으면 true입니다테스트해 보세요
>=큰 것 또는 같은 것a>=ba가 b보다 크거나 같으면 true입니다테스트해 보세요
<=작은 것 또는 같은 것a <= ba가 b보다 작거나 같으면 true입니다테스트해 보세요

(a == b)과 (a === b)의 차이는:

  • == a가 b와 동일하면 true를 반환합니다

  • === a가 b와 동일하며, 그들이동일한 유형그렇다면 true를 반환합니다

조건문에서 비교 연산자를 사용하여 값을 비교하고 결과에 따라 다른 프로세스로 이동할 수 있습니다.

이 튜토리얼의 후반부에서 조건문을 사용하는 방법을 배울 것입니다.

JavaScript 비트 연산자

비트 연산자는 연산자를32비트(0과 1)로, 십진수, 십육진수 또는 오ctal 수로 변환되지 않습니다.

이 연산에서 사용되는 모든 숫자 연산자는32비트 숫자. 결과를 JavaScript 번호로 변환합니다.

연산자설명예제동일결과소수
&5&10101와 00010001 1개
|또는5 | 10101 | 00010101 5
~
~5 ~01011010 10
^이퍼5 ^ 10101 ^ 00010100 4
<<왼쪽 이동5 << 10101 << 11010 10
>>비호환 오른쪽 이동5 >> 10101 >> 10010  2
>>>비호환 왼쪽 이동5 >>> 10101 >>> 10010  2

위의 예제는4비트 비신호 예제. 하지만 JavaScript는32비트 신호 부호

따라서 JavaScript에서는 ~5반환하지 않습니다10。그것은 다음을 반환합니다-6。

~00000000000000000000000000000101반환합니다11111111111111111111111111111010

JavaScript 논리 연산자

논리 연산자는 변수나 값 간의 논리를 결정하는 데 사용됩니다。

논리 연산자는 조건 문장을 조합하는 데 일반적으로 사용되며, 부울 값을 반환합니다。

연산자설명예제정의테스트해 보세요
&&논리 그리고a && ba와 b이 모두 참이면 참입니다테스트해 보세요
||논리 이거나a|| ba나 b가 참이면 참입니다테스트해 보세요
!논리 비!aa가 참이 아니면 참입니다테스트해 보세요

JavaScript 문자열 연산자

이+연산자는 문자열을 연결(결합)하는 데도 사용할 수 있습니다。

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + "" + str2;
테스트 봐‹/›

추가 대입 연산자+=는 문자열을 연결(결합)하는 데도 사용할 수 있습니다。

var str1 = "Hey! ";
str1 += "How r u doing?";
테스트 봐‹/›

문자열에 사용될 때, 이+연산자는 연결 연산자라고 불립니다。

JavaScript 조건(삼원) 연산자

조건 연산자는 세 개의 연산자를 사용하는 유일한 JavaScript 연산자입니다。

조건에 따라 두 가지 중 하나의 값을 얻을 수 있습니다. 문법은 다음과 같습니다:

condition ? val1 : val2

만약condition 의 계산 결과는true을 반환하면val1을 반환하지 않으면val2

조건 연산자는 표준 연산자를 사용할 수 있는 위치의 어디서든 사용할 수 있습니다。

var status = (age >= 18) ? "성인" : "아동";
테스트 봐‹/›

만약 연령이18해당 연령 또는 이상이면, 이 문장은 변수 status에 '성인' 값을 할당합니다. 그렇지 않으면, status에 '아동' 값을 할당합니다。

JavaScript 일원 연산자

일원 연산자는 단 하나의 연산자가 있는 연산입니다。

JavaScript는 세 가지 일원 연산자를 포함하고 있습니다:

설명설명
delete객체, 객체의 속성이나 배열의 지정된 인덱스 위치의 요소를 제거합니다
typeof변수의 타입을 반환합니다
void값을 반환하지 않고 요구된 값을 지정하는 표현식

delete 연산자

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 연산자는 변수나 표현식의 타입을 반환합니다.

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 연산자

void 연산자는 값을 요청하는 표현식을 지정하지만 값을 반환하지 않습니다.

다음 코드는 사용자가 링크를 클릭할 때 어떤 작업도 수행하지 않는 텍스트 링크를 생성합니다.

<a href="javascript:void(0)">아무것도 할 수 없게 클릭하세요</a>/a>
테스트 봐‹/›

JavaScript 관계 연산자

관계 연산자는 연산자를 비교하고 비교가 참인지 여부에 따라 부울 값을 반환합니다.

JavaScript에는 두 개의 관계 연산자가 있습니다:

설명설명
in지정된 속성이 지정된 객체에 있으면 true를 반환합니다
instanceof객체가 객체 타입의 예시라면 true를 반환합니다

in 연산자

지정된 속성이 지정된 객체에 있으면 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 연산자

지정된 객체가 지정된 객체 타입에 속하면 instanceof 연산자는 true를 반환합니다。

객체 타입을 실행 시간에�断할 때는 instanceof 연산자를 사용하십시오。

var myObj = new Date();
if (myObj instanceof Date) {
   // 실행할 문장
}
테스트 봐‹/›