[JavaScript] 연산자란?

[JavaScript] 연산자란?

연산자의 정의

• 연산이란 수나 식을 일정한 규칙에 따라 계산하는 것을 의미한다.
• (프로그래밍) 연산자란 위와 같은 각각의 연산을 의미하는 기호이다.

연산자의 종류

 연산자는 기능에 따라 다양한 종류로 구분할 수 있다.

산술 연산자(Arithmetic Operator)

종류	기능	기본형
+	합	A+B
	차	A-B
*	곱	A*B
/	나누기	A/B
%	나머지	A%B	modulo, MOD or mod

코드

    <script>

      var num1 = 17;

      var num2 = 3;

      document.write(`${num1} + ${num2} = ${num1 + num2} <br>`);

      document.write(`${num1} - ${num2} = ${num1 - num2} <br>`);

      document.write(`${num1} * ${num2} = ${num1 * num2} <br>`);

      document.write(`${num1} / ${num2} = ${num1 / num2} <br>`);

      document.write(`${num1} % ${num2} = ${num1 % num2} <br>`);

    </script>

결과

17 + 3 = 20

17 - 3 = 14

17 * 3 = 51

17 / 3 = 5.666666666666667

17 % 3 = 2

백틱 문자열

• ` : 백틱, 키보드 상 숫자 1 앞에 위치한 키
• 따옴표 대신 백틱으로 감싸여진 문자열이다.
• 문자열 내부에 변수나 계산식을 넣기에 용이하다.
• 변수나 계산식을 넣을 때, ${} 내부에 넣어 삽입한다.

문자형 데이터의 산술 연산

• + 연산자를 사용하여 문자열을 결합한다.
• 문자열1 + 문자열2 = 1개의 문자형 데이터

대입 연산자

• 변수에 데이터를 저장한다.

복합 대입연산자

• 산술 연산자 + 대입 연산자
• 산술 연산 수행 후 대입

• 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)	나눗셈의 나머지 대입

증감 연산자

• 단항 연산자이다.
• 숫자형 변수에 담긴 데이트럴 1씩 증감한다.
• 증감 연산자의 위치 : 변수명 전후로 가능하다.
• 주의 : 대입연산자와 함께 사용 시 위치에 따라 대입되는 값이 다르다.

  A=++B

  증가 후 대입

  증가된 값이 A에 할당됨

  A=B++

  대입 후 증가

  증가 전 값이 A에 할당됨

비교 연산자

• 두 데이터를 비교한 후 논리형 데이터(true of false)를 반환한다.
• 두 데이터 A, B를 비교해본다.

•  

  A>B	크다
  A<B	작다
  A>=B	크거나 같다
  A<=B	작거나 같다
  A==B	같다	다른 자료형, 같은 값 가능 10(Number) == "10"(String) (O)
  A!=B	다르다
  A===B	같다	같은 자료형, 같은 값만 가능 10(Number) == "10"(String) (X)
  A!==B	다르다

논리 연산자

• 논리형 데이터를 반환한다 : true, false

•  

  ||	or	두 피연산자중 하나 이상 true
  &&	and	두 피연산자 모두 true
  !	not	단항연산자 피연산자(논리형)의 값 반전

연산자 우선순위

• () > 단항 연산자 > 산술 연산자 > 비교 연산자 > 논리 연산자>대입(복합 대입) 연산자

삼항 조건 연산자

• if문과 유사
• 조건식을 가진다.
• 조건식의 결과(true, false)에 따라 분기한다.