산술연산자(사칙연산자), 대입연산자, 단항연산자, 증감연산자, 비교연산자, 논리연산자, 삼항연산자
1. 산술연산자(사칙연산자)
일반적인 덧셈,뺄셈,곱셈,나눗셈에 사용되는 기호
산술연산자(사칙연산자) 종류 | |
+ | 더하기 |
- | 빼기 |
* | 곱하기 |
/ | 나누기 |
% | 나누고 정수를 제외한 나머지 값 |
- 일반적인 나눗셈 : 몫이 소수점까지 있는 경우 연산할 수 있는 최대한의 자리수까지 계산
- 나눠떨어지지 않는 나눗셈 : 처리 가능한 범위 안에서 최대한의 소수점 자리수까지 계산
2. 대입연산자
좌변에 우변을 대입한다는 의미의 " = " 연산자
- 연산 결과를 새로운 변수에 대입해준다.
ᅠlet a = 1+2; console.log(a);ᅠᅠᅠ-->ᅠᅠᅠ3; - 이미 생성된 변수의 값을 다른 값으로 변경해준다.
ᅠlet b = 0; b = 7; console.log(b);ᅠᅠᅠ-->ᅠᅠᅠ7 - 연산 결과를 변수 스스로에게 덮어씌우는게 가능하다.
ᅠlet x = 10; x = x+5; console.log(x); ᅠᅠᅠ-->ᅠᅠᅠ15
3. 단항연산자
어떠한 변수 ☐에 대한 연산 결과를 다시 ☐에 덮어씌우는 연산을 축약한 표현
- += (let a += 1;ᅠᅠᅠ=ᅠᅠᅠlet a = a+1;)
- -= (let b -= 1;ᅠᅠᅠ=ᅠᅠᅠlet b = b-1;)
- *= (let c *= 5;ᅠᅠᅠ=ᅠᅠᅠlet c = c*5;)
- /= (let d /= 2;ᅠᅠᅠ=ᅠᅠᅠlet d = d/2;)
- %= (let e %= 3;ᅠᅠᅠ=ᅠᅠᅠlet e = e%3;)
4. 증감연산자
단항연산자를 덧셈과 뺄셈에 한해 축약한 형태
++, -- 연산자가 독립적으로 사용되는 경우는 위치에 상관없이 결과가 동일하지만,
다른 수식에 포함된 상태로 사용되는 경우 위치에 따라 결과값이 달라진다.
ex) let x = 1; let y = 100 + x++; console.log(y);ᅠᅠᅠ-->ᅠᅠᅠ101 (x는 1)
ᅠᅠᅠlet x = 1; let y = 100 + ++x; console.log(y);ᅠᅠᅠ-->ᅠᅠᅠ102 (x는 2)
ᅠᅠᅠlet x = 1; let y = 100 + x--; console.log(y);ᅠᅠᅠ-->ᅠᅠᅠ101 (x는 1)
ᅠᅠᅠlet x = 1; let y = 100 + --x; console.log(y);ᅠᅠᅠ-->ᅠᅠᅠ100 (x는 0)
5. 비교연산자
두 값의 크기를 비교하는 참,거짓을 판별(true 혹은 false 반환)
- 이상( >= ), 초과( > ), 이하( <= ), 미만( < )
- 같음( == , === ), 다름( != , !== )
==, !=ᅠ:ᅠ값의 내용만 비교하여 문자열( "1" )과 숫자형( 1 )을 같다고 판단
===, !==ᅠ:ᅠ값의 데이터 타입까지 완벽하게 일치해야 같다고 판단하기 때문에 문자열 ( "1" )과 숫자형( 1 )을 다르다고 판단
하지만, '1 === 1.0' 은 정수와 실수를 구분하지 않고 모두 number타입으로 판단하여 true를 반환한다.
6. 논리연산자
두 개의 논리값(true 혹은 false 반환)간의 AND( && ), OR( || ) 연산을 수행
논리연산자의 종류 | |
AND ( && ) | 연산에 사용되는 모든 값이 true인 경우에만 true, 이외엔 모두 false |
OR ( || ) "shift"+ "\" | 연산에 사용되는 값 중 하나만 true이더라도 true, 모든 값이 false일 경우에만 false |
NOT ( ! ) | !true라면 false 반환하고, !false라면 true를 반환 |
- AND가 OR보다 항상 우선시된다. (AND 연산 결과를 먼저 도출 후 OR 연산자 실행)
console.log( true && true || flase );ᅠᅠᅠ-->ᅠᅠᅠtrue
console.log( true && false || flase );ᅠᅠᅠ-->ᅠᅠᅠfalse
console.log( true && flase || ture );ᅠᅠᅠ-->ᅠᅠᅠtrue
console.log( flase && flase || true );ᅠᅠᅠ-->ᅠᅠᅠtrue - 숫자값에 적용할 경우 0은 false를 반환, 이외의 모든 숫자는 true를 반환
- 문자열에 적용될 경우 빈문자열("")은 flase를 반환, 한 글자라도 포함된 문자열은 true를 반환
7. 삼항연산자
let 변수 = 조건식 ? 값1 : 값2 ;
조건식을 판별하여 true일 경우 '값1'을 호출하고, false일 경우 '값2'를 호출한다.
ex) const age = 19;
ᅠᅠᅠconst type = age >= 20 ? "성인입니다." : "성인이 아닙니다." ;
ᅠᅠᅠconsole.log("당신은 %s", type) ;ᅠᅠᅠ-->ᅠᅠᅠ당신은 성인이 아닙니다.
8. 연산자의 활용
* console.log(・・・) 명령을 통해 변수간의 연산 결과를 출력한다.
* 연산결과를 새로운 변수에 할당해줄 수 있다.
ex) a=10; b=5; console.log(a+b);ᅠᅠᅠ-->ᅠᅠᅠ15
ᅠᅠᅠc=10; d=c+10; console.log(d)ᅠᅠᅠ-->ᅠᅠᅠ20
★ 단축 표현 ★ | ||||
변수 값 1 증가 | 값호출 후 증감 | 증감 후 값 호출 | ||
a = a+1; | = | a +=1; | a++; | ++a; |
b = b-1; | = | b-=1; | b--; | --b; |
9. 문자열의 연산
- 문자열끼리의 덧셈 : 문자열을 하나로 병합해준다.
let a = 'ABC' ; let b = 'abc' ; console.log(a+b);ᅠᅠᅠ-->ᅠᅠᅠ'ABCabc' - 문자열과 다른 타입끼리의 덧셈 : 문자열 이외의 값들을 모두 문자열로 취급하여 더한다. (즉, 문자열끼리의 덧셈과 같은 결과)
let c = 'ABC' ; let d = 123 ; console.log(c+d);ᅠᅠᅠ-->ᅠᅠᅠ'ABC123'