Rainbow
연산자 이해하기 본문
연산자와 피연산자 구별하기
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 |