최신 웹 개발 튜토리얼
 

JavaScript연산자 참조


자바 스크립트 연산자, 값을 할당 값을 비교, 산술 연산을 수행하고, 더 데 사용됩니다.


자바 스크립트 산술 연산자

산술 연산자는 변수 및 / 또는 값의 연산을 수행하는 데 사용된다.

점을 감안 y = 5 , 아래 표는 산술 연산자를 설명합니다 :

운영자 기술 Y 될 X의 결과 시도 해봐
+ 부가 X = Y + (2) Y = 5 X = 7 시도 해봐 "
- 빼기 X = Y - (2) Y = 5 X = 3 시도 해봐 "
* 곱셈 X = Y * 2 Y = 5 X = 10 시도 해봐 "
/ 분할 Y = X / 2 Y = 5 X = 2.5 시도 해봐 "
% 계수 (division remainder) X = Y 2 % Y = 5 X = 1 시도 해봐 "
++ 증가 X = Y ++ Y = 6 X = 6 시도 해봐 "
X = Y ++ Y = 6 X = 5 시도 해봐 "
- 감소 X = --y Y = 4 X = 4 시도 해봐 "
X = y-- Y = 4 X = 5 시도 해봐 "

산술 연산자에 대한 튜토리얼, 우리의 읽기 자바 스크립트 산술 자습서 .


자바 스크립트 할당 연산자

할당 연산자는 자바 스크립트 변수에 값을 할당하는 데 사용됩니다.

감안할 때 x = 10 및 y = 5 , 아래 표는 대입 연산자를 설명합니다 :

운영자 동일 X의 결과 시도 해봐
= X = Y X = Y X = 5 시도 해봐 "
+ = X + Y = X = X + Y X = 15 시도 해봐 "
- = X - Y = X = X - Y X = 5 시도 해봐 "
* = Y = X * X = X * Y X = 50 시도 해봐 "
/ = X / Y = X = X / Y X = 2 시도 해봐 "
(%) = X = Y % X = X %의 Y X = 0 시도 해봐 "

대입 연산자에 대한 튜토리얼, 우리의 읽기 자바 스크립트 할당 자습서 .


자바 스크립트 문자열 연산자

+ 연산자와 + = 연산자는 연결할하는데 사용될 수있다 (add) 문자열.

주어진 text1 = "Good " , text2 = "Morning" , 및 텍스트 3는 = "" 아래의 표는 연산자를 설명합니다 :

운영자 텍스트 1 텍스트 2 텍스트 3 시도 해봐
+ 텍스트 3 = 텍스트 1 + 텍스트 2 "좋은 " "아침" "좋은 아침" 시도 해봐 "
+ = 텍스트 1 + = 텍스트 2 "좋은 아침" "아침" "" 시도 해봐 "

비교 연산자

비교 연산자 변수 또는 값 평등 또는 차이를 결정하는 논리 문장에서 사용된다.

감안할 때 x = 5 , 아래 표는 비교 연산자를 설명합니다 :

운영자 기술 비교 보고 시도 해봐
== 동일 X == 8 그릇된 시도 해봐 "
X == 5 참된 시도 해봐 "
=== 동일한 값 및 동일한 유형 X === "5" 그릇된 시도 해봐 "
X === 5 참된 시도 해봐 "
! = 동일하지 X! = 8 참된 시도 해봐 "
! == 동일하지 않은 값 또는 동일하지 않은 형식 X! == "5" 참된 시도 해봐 "
X! == 5 그릇된 시도 해봐 "
> ~보다 큰 x> 8 그릇된 시도 해봐 "
< 이하 X <8 참된 시도 해봐 "
> = 이상인 x> = 8 그릇된 시도 해봐 "
<= 보다 작거나 같음 X <= 8 참된 시도 해봐 "

비교 연산자에 대한 튜토리얼, 우리의 읽기 자바 스크립트 비교 자습서 .


조건부 (Ternary) 연산자

조건 연산자는 조건에 기초한 변수에 값을 할당한다.

통사론 시도 해봐
여기서 variableName = ( condition ) ? 값 1 : 값 2 voteable = (age < 18) ? "Too young" "나이가"; 시도 해봐 "

예 설명 : 변수 경우 "age" 18 이하의 값이 변수의 값 "voteable" 될 것 "Too young" , 그렇지 않으면 voteable의 값이 될 것 "Old enough" .


논리 연산자

논리 연산자는 변수 또는 값의 논리를 결정하기 위해 사용된다.

주어진 x = 6 and y = 3 , 아래 표는 논리 연산자를 설명한다 :

운영자 기술 시도 해봐
&& (x < 10 && y > 1) 참일 시도 해봐 "
|| 또는 (X는 5 === || y를 === 5) 거짓 시도 해봐 "
! 아니 !(x === y) 사실 시도 해봐 "

자바 스크립트 비트 연산자

비트 연산자는 32 개 비트 숫자에서 작동합니다. 작동에있는 숫자 피연산자는 32 비트 값으로 변환된다. 결과는 자바 스크립트 번호로 다시 변환된다.

운영자 기술 과 동일 결과 소수
X = 5 & 1 0101 0001 0001 1
| 또는 X = 5 | 1 0101 | 0001 0,101 5
~ 아니 X = ~ 5 ~ 0101 1,010 (10)
^ XOR X ^ 5 = 1 ^ 0001 0101 0100 4
<< 왼쪽 시프트 X = (5) << 1 0101 << 1 1,010 (10)
>> 오른쪽 시프트 X = 5 >> 1 0101 >> 1 0,010

실시 예는 전술 한 4 비트의 부호없는 실시 예를 이용한다. 그러나 자바 스크립트는 32 비트 부호있는 숫자를 사용합니다.

이 때문에, 자바 스크립트, ~ (5)는 10을 반환하지 않습니다 그것은 돌아갑니다 -6.

~ 00000000000000000000000000000101 11111111111111111111111111111010를 반환합니다


typeof 연산자

typeof 연산자는 변수, 목적 함수 또는 표현식의 타입을 리턴

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1, 2, 3, 4]           // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object
»그것을 자신을 시도

준수하십시오 :

  • NaN의의 데이터 타입은 숫자
  • 어레이의 데이터 타입은 목적
  • 날짜의 데이터 유형은 객체이다
  • 널의 데이터 타입은 목적
  • 정의되지 않은 변수의 데이터 타입은 정의되지

당신은 자바 스크립트 객체가 배열 인 경우 정의 대해서 typeof 사용할 수 없습니다 (or a date) .


delete 연산자

delete 연산자는 객체의 속성을 삭제합니다 :

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
»그것을 자신을 시도

delete 연산자는 속성 값과 속성 자체를 모두 삭제합니다.

그것은 다시 추가되기 전에 삭제 한 후,이 건물은 사용할 수 없습니다.

delete 연산자는 객체의 속성에 사용하도록 설계되었습니다. 이 변수 나 함수에 영향을주지 않습니다.

참고 : delete 연산자는 미리 정의 된 자바 스크립트 객체 속성에 사용할 수 없습니다. 그것은 당신의 응용 프로그램을 중단 할 수 있습니다.


운영자의

지정된 속성이, 그렇지 않으면 지정된 객체에 false 인 경우 운영자의 true를 반환합니다 :

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Returns false (specify the index number instead of value)
0 in cars               // Returns true
1 in cars               // Returns true
4 in cars               // Returns false (does not exist)
"length" in cars        // Returns true  (length is an Array property)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // Returns true
"age" in person         // Returns true

// Predefined objects
"PI" in Math            // Returns true
"NaN" in Number         // Returns true
"length" in String      // Returns true
»그것을 자신을 시도

instanceof 연산자

지정된 객체가 지정된 객체의 인스턴스 인 경우 instanceof 연산자는 true를 반환 :

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
»그것을 자신을 시도

void 연산자

void 연산자는 표현식을 평가하고 정의 반환한다. 이 연산자 자주 사용하여 정의 프리미티브 값을 획득하는 데 사용되는 " void(0) "(반환 값을 사용하지 않고 표현식을 평가할 때 유용).

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
»그것을 자신을 시도