관리 메뉴

web sprit

[JavaScript] 연산자 본문

스크립트/JavaScript

[JavaScript] 연산자

커드만 2016. 7. 28. 18:55

자바스크립트의 연산자는 다음과 같은 형태의 연산자가 있습니다.

  • 대입 연산자
  • 비교 연산자
  • 산술 연산자
  • 비트단위 연산자
  • 논리 연산자
  • 문자열 연산자
  • 조건(삼항) 연산자
  • 콤마 연산자
  • 단항 연산자
  • 관계 연산자

나는 천재가 아니다. 

우선 많이 보았고 많이 사용한 연산자의 관하여 설명을 하고 추후 전체적이 설명을 업로드 할 예정입니다. ^^



대입 연산자

 이름

 복합 대입 연산자 

 뜻 

 대입 연산

 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 



비교 연산자

 연산자

 설명

 예제 ( true 반환 )

 == (같은)

 피연산자들의 값이 같으면 true

 3 == var3

 "3" == var3

 3 == '3'

 != (다른)

 피연산자들이 다르면 참을 반환합니다.

 var1 != 4

 var2 != "3"

 === (엄격한 같은)

 피연산자들이 같고 피연산자들의 같은 형태인 경우 참을 반환합니다. Object.is 와 자바스크립트에서의 같음 을 참고하세요.

 3 === var3

 !== (엄격한 다른)

 피연산자들이 다르거나 형태가 다른 경우 참을 반환합니다.

 var3 !== "3"

 3 !== '3'

 > (~보다 큰)

 좌변의 피연산자 보다 우변의 피연산자가 크면 참을 반환합니다.

 var2 > var1

 "12" > 2

 >= (~보다 크거나 같음)

 좌변의 피연산자 보다 우변의 피연산자가 크거나 같으면 참을 반환합니다.

 var2 >= var1

 var3 >= 1

 < (~보다 작음)

 좌변의 피연산자 보다 우변의 피연산자가 작으면 참을 반환합니다.

 var1 < var2

 "2" < 12

 <= (~보다 작거나 같음)

 좌변의 피연산자 보다 우변의 피연산자가 작거나 같으면 참을 반환합니다.

 var1 <= var2

 var2 <= 5



산술 연산자

 연산자

 설명 

 예제 

 % (나머지 연산자)

 이항 연산자입니다. 두 피연산자를 나눈후 나머지를 반환합니다.

 12 % 5 returns 2.

 ++ (증가 연산자)

 단항 연산자입니다. 피연산자에 1을 더합니다. 만약 연산자를 피연산자 앞(++x)에 사용하면, 피연산자에 1을 더한 값을 반환합니다.; 만약 연산자를 피연산자 뒤(x++)에 사용하면, 피연산자에 1을 더하기 전 값을 반환합니다.

 If x is 3, then ++x sets x to 4 and returns 4, whereas x++ returns 3 and, only then, sets x to 4.

 -- (감소 연산자)

 단항 연산자입니다. 피연산자로 부터 1을 뺍니다. 반환값은 증가 연산자와 유사합니다.

 If x is 3, then --x sets x to 2 and returns 2, whereas x-- returns 3 and, only then, sets x to 2.

 - (단항부정 연산자)

 단항 연산자 입니다. 피연산자의 반대값(부호 바뀐값)을 반환합니다.

 If x is 3, then -x returns -3.

 + (숫자화 연산자) 단항연산자 입니다. 피연산자가 숫자값이 아니라면 피연산자를 숫자로 변환하기를 시도합니다. +"3" returns 3.
 +true returns 1.



논리 연산자

 연산자

 사용법 

 설명 

 && (논리곱)

 expr1 && expr2

 (논리 곱) expr1을 false로 변환할 수 있으면,expr1을 반환합니다 ; 불가능한 경우, expr2을 반환합니다. 이와 같이, 부울 값과 이용될때, 두 피연산자가 true이면,&&는 true를 반환합니다; 이 외의 경우, false를 반환합니다.

 || (논리합)

 expr1 || expr2

 (논리 합) expr1을 true로 변환 할 수 있으면,expr1을 반환합니다 ; 불가능한 경우, expr2을 반환합니다. 이와 같이, 부울 값과 이용될때, || 는 두 피연산자중 하나만 true이면, true 를 반환합니다; 만약 둘다 false인 경우,  false을 반환합니다.

 ! (논리부정)

 !expr

 (논리 부정) 만약 피연산자가  true로 변환될 수 있으면false을 반환합니다; 불가능한 경우,true를 반환합니다.



조건(삼항) 연산자

 연산자

 사용법 

 설명 

 ? :

 x=2, y=5

 z=(x > y)?10:7

 조건 연산자 는 자바스크립트에서 3개의 항을 사용하는 유일한 연산자 입니다. 조건 연산자는 조건에 따라 2개의 값중 하나를 가질 수 있습니다.

왼쪽의 내용을 풀이하면 

x는 y보다 크다라는 말은 틀리기 떄문에 false 입니다.

10은 true, 7은 false 를 의미.

z의 값은 7이 됩니다.


Comments