Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

Rainbow

연산자 이해하기 본문

web/javascript

연산자 이해하기

kkangsseul1014 2020. 11. 25. 11:45

연산자와 피연산자 구별하기

 

currentYear - birthYear + 1

 

- currentYear, birthYear, 1 은 피연산자 라고 합니다.

- 그외 더히기 빼기는 연산자 라고 합니다.

 

증감 연산자 이해하기

- 증감 연산자는 피연산자 값을 1만큼 증가 시키거나 감소 시킵니다.

 

var a = 10;

var b = a++ + 5;

b

15 

var c = 10;

var d = ++c + 5;

d

16

 

- 위 예시를 보면 증감 연산자는 피연산자 뒤에 있을 때 수식의 처리가 끝난 다음 적용된다.

- 반대로 피연산자 앞에 있을 때는 수식을 처리하기 전에 적용된다.

- a++은 a(10)와 5를 더하여 b에 할당한 다음에 1만큼 증가 시킨다

- ++c는 c(10) 1만큼 증가 시키고 5를 더해서 d에 할당한다.

 

할인 가격 계산 프로그램 만들기

 

해당하는 선택자(id) 첫 번째 요소들(oPrice), (rate)을 선택하여 value을 가져와서 각각 변수에 할당한다.

곱하기 나누기 빼기 연산자를 응용하여 원래가격, 할인율, 할인된 가격, 할인 가격을 크롬 브라우저에 출력 해줍니다.

 

할당 연산자란?

- 할당 연산자는 산술 연산자(+, -, *, /)를 조합해서 사용할 수도 있습니다.

 

var x = 10;

x = 10 + x;

20

var y = 20;

y = y + x;

40

- 할당 대상인 변수(x ,y)를 만들어서 산술 연산자를 한번 더 사용한다 (x + 10, y + x)

 

var numvar = 100;

var strvar = 50;

numvar + strvar

"10050"

- 위 예시 100과 50을 더하면 연결한 문자열이 10050이 결과값으로 나옵니다 +기호는 연결 연산자 입니다.

- 반대로 100과 50을 빼면 결과는 50으로 나옵니다. -는 산술 연산자 입니다.

 

비교 연산자 

- 두 값을 비교하여 참이나 거짓을 결과 값으로 내놓는다.

 

==와 !=연산자

 

 ==변수가 같은지 확인 한다.

 != 연산자는 반대 역할 다르다(같지 않다면)

 

<와 <=, > >=연산자

- 왼쪽보다 오른쪽이 더 작거나 같은지 확인 한다.

- 왼쪽보다 오른쪽이 더 크거나 같은지 확인 한다.

 

논리 연산자

- 참과 거짓을 피연산자로 하는 연산자 입니다.

 

OR연산자

- 기호 | | 표시하면 왼쪽과 오른쪽중 하나만 참이면 true로 처리 합니다.

  하나라도 맞으면 결과 값은 true 입니다.

 

  var a = 10; b = 20;
  a > 10 || b > 20 
  false
  a <= 10 || b > 20
  true
  a < 10 || b <= 20;
  true
  a <= 10 || b <= 20;
  true

 

AND연산자

- 기호 &&로 표시하며 왼쪽과 오른쪽 모두가 참인 경우에만 true로 처리

  하나라도 틀리면 결과 값은 false 입니다.

 

NOT

- 기호! 로 표시하여 true나 false는 반대로 뒤집는다.

 

var isAbult = false;

isAbult

false

 

isAbult = !isAbult;

isAbult

true;

 

다른 분류일 때 계산하는 순서

 

다항연산자(!, ++, --) -> 산술 연산자(*, /, -, +) -> 비교 연산자(<, <=, >, >=, !==, ==, ===) ->논리 연산자( &&, | |)

-> 할당 연산자(=, +=, -=, *=, /=, *=  )

 

'web > javascript' 카테고리의 다른 글

여러 자료를 한꺼번에 담는다  (0) 2020.12.12
흐름을 제어한다! 제어문  (0) 2020.12.01
변수와 자료형  (0) 2020.11.24
자바스크립트 입력과 출력  (0) 2020.11.22
객체 사용하기  (0) 2020.11.19