메뉴 건너뛰기

XE Guidebook

JS 기초
2016.07.29 18:58

2-03 연산자

조회 수 19 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

◈ 연산자 

연산자란 값을 계산하거나 비교하는 곳 등에 사용되는 기호 : +,-, *, / 등등
 

● 연산자 종류

 
▶ 산술 연산자
 
  더하기 빼기 등등을 하기 위한 기호
 
  = : 변수에 값을 대입
  + : 덧셈
  - : 뺄셈 혹은 음수
  * : 곱하기
  / : 나누기
  % : 나눗셈에서 그 나머지만을 구해오는 연산자
  ++ : 값에 1을 더하기
  --  : 값에 1을 빼기
 
  ※ y = x++ : y에 값을 대입한 뒤, x에 1을 더한다
     y = ++x : x에 1을 먼저 더하고 나서 y에 값을 대입한다.
 
 
▶ 문자열 연산자(+)
 
  문자열 연산은 +연산자의 피 연산자 2개(문자와 문자, 문자와 숫자)를 연결하고,
  결과를 문자로 반환한다.
  
  ※ 더하기 연산자는 각항의 변수 형태에 따라 다르게 작동한다.
     더해지는 각 항이 숫자일 경우에는 일반적인 숫자 연산이 이루어지지만,
     더해지는 각 항이 문자열일 경우에는 두 문자열을 결합한다.
     변수형에 따라 숫자로 표시할 수 있는 경우에는 수수자로 변환되어 계산된다.
 
(예)
  "good"+"time"     // "goodtime"
  "good"+3          // "good3"
 
 
▶ 비교 연산자
 
  서로 비교할 때 사용하는 연산자로 조건문에 많이 사용한다.
  표현식의 값을 비교하여 참일 땐 True, 거짓일 땐 False를 반환한다.
 
  <       // 보다 작음
  >       // 보다 큼
  <=      // 보다 작거나 같음
  >=      // 보다 크거나 같음
  ==      // 좌변과 우변이 같으면 참(true)
  !=      // 좌변과 우변이 다르면 참(true)
 
 ※  "같다" 라고 표현할 때는 "=="를 사용해야하면 "="를 사용해서는 안된다.
     "="는 "대입한다"는 뜻이다.
 
 
▶ 대입 연산자
 
- 대입 연산(=)
 
  변수 등에 값을 할당할 때 사용한다.
 
  =    // 대입
   
(예 )
 
  var a = 12
  var arr = [1,2,3]
 
  대입 연산자의 좌변에는 항상 1개의 변수가 있어야 한다.
  한번에 여러개의 값을 대입하려면
 
  a=b=c=10
 
- 복합 대입연산
 
  어떤 변수에 연산을 한 후, 다시 그 변수에 값을 할당한다.
  변수의 값을 상대적으로 처리할 때 많이 사용한다.
 
  *=    // 곱하기 대입
  /=    // 나누기 대입
  %=   // 나머지 대입
  +=    // 더하기 대입
  -=    // 빼기 대입
 
  ※ x += y 
     먼저 +연산하고 그 다음에 =연산한다.
     x에다가 y를 더한 다음 x에 그 값을 대입한다 (x = x+y)
 
 
(예)
  a += 5    // a = a+5 
  a *= 5    // a = a*5 
  a /= 5    // a = a/5 
  a %= 5    // a = a%5 
 
(예)
  노드의 위치를 상대적인 위치로 이동시키고자 할 때 다음과 같이 많이 사용된다.
 
  $('#book').animate({left:'+=50', 5000};
 
  id 속성이 book인 노드를 현재 위치에서 오른쪽으로 50px 만큼, 5초동안 부드럽게 이동하는 코드이다.
 
 
▶ 논리 연산자
 
  좌변 값과 우변 값을 논리 연산하여, 참일 땐 True, 거짓일 땐 False값을 반환한다.
 
  &&    // 좌변 and 우변
  ||     // 좌변 or 우변 
 
 
▶ 증감 연산자
 
  ++   //
  --    //
 
(예)
 
  i++   // i = i+1
  i--    // i = i-1
 
 
▶ 삼항 연산자
 
  (조건) ? 식1 : 식2
 
  조건이 참이면 식1, 거짓이면 식2를 실행
 
 
▶ 비트(bit)연산자
 
 

● 연산자 우선순위

 
연산자가 1개 이상일 때는 다음과 같은 우선 수위로 실행된다.
 
  1 순위   [ ], ()          // 대괄호, 괄호    
  2 순위   !, ++, --      // 부정, 증감
  3 순위   *, /, %, +, -   // 산술
  4 순위   <<, >>, >>>    // 비트식
  5 순위   <,>,<=,>=,==,!=  // 관계
  6 순위   &, ^, |         // 비트식   
  7 순위   &&, ||, ?:     // 논리
  8 순위   =, +=, -=, *=, >>=, ^=    // 대입 할당