본문 바로가기

Javascript/2. 변수와 연산자

산술연산자(사칙연산자), 대입연산자, 단항연산자, 증감연산자, 비교연산자, 논리연산자, 삼항연산자

반응형

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.   단항연산자

어떠한 변수 ☐에 대한 연산 결과를 다시 ☐에 덮어씌우는 연산을 축약한 표현

  1. += (let a += 1;ᅠᅠᅠ=ᅠᅠᅠlet a = a+1;)
  2. -= (let b -= 1;ᅠᅠᅠ=ᅠᅠᅠlet b = b-1;)
  3. *= (let c *= 5;ᅠᅠᅠ=ᅠᅠᅠlet c = c*5;)
  4. /= (let d /= 2;ᅠᅠᅠ=ᅠᅠᅠlet d = d/2;)
  5. %= (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. 이상( >= ), 초과( > ), 이하( <= ), 미만( < )

  2. 같음( == , === ), 다름( != , !== )
    ==, !=ᅠ:ᅠ값의 내용만 비교하여 문자열( "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'
반응형