JavaScript/1주차-JavaScript 문법

JavaScript 06. 자바스크립트 - 연산자

sangwoo_rhie 2023. 5. 26. 10:00

JavaScript

 

1. 더하기 연산자 (문자열 우선시)

 
   console.log(1 + 1);   → 2
   console.log(1 + "1");  → 11
 

 

 

2. 빼기 연산자 (숫자열 우선시)

 
   console.log(1 - "2");     → -1
   console.log(1 - 2);    → -1
 

 

 

3. 곱하기 연산자 (숫자열 우선시)

 
   console.log(2 * 3);    → 6
   console.log("2" * 3);    → 6
 

 

 

4. 나누기 연산자 (숫자열 우선시)

 
   console.log("4" / 2);    → 2
   console.log(4 / 2);    → 2
 

 

 

5. 나누기 연산자(/) vs 나머지 (나누고 나서 몫을 뺀 나머지) 연산자(%)

 
   console.log(5 / 2);   → 2.5
   console.log(5 % 2);  → 1 (5를 2로 나누고 남은 나머지값 1)
 

 

6. 할당 연산자 (assignment)

 

6-1. 등호 연산자 (=)

 
   let x = 10;          → 등호 "=" 연산자가 곧 할당 연산자.
   console.log(x);
 

 

6-2. 더하기 등호연산자 (+=)

 
   x += 5;                →  원래 x값에다가 5를 더해준다는 뜻.
   console.log(x);   위에 값이 x=10이었으므로, x=15 출력됨
 

 

6-3. 빼기 등호연산자 (-=)

 
   x -= 5;    →  위의 x값에다가 5를 빼줌.
   console.log(x);    위에 값이 x=15이었으므로, x=105 출력됨

 

6-4. 곱하기 등호연산자 (*=)

 
   let a = 10;  
   a *= 2;
   console.log(a);   처음 a에 10이라는 값 할당후, 2를 곱하고 재할당 = 20
 

 

 

비교 연산자 (결과값의 참과 거짓에 따라 true또는 false를 반환하는 연산자)

 

1. 일치 연산자 (===) : 타입까지 일치한 연산자

 
   console.log(2 === 2);   true
   console.log("2" === 2);   false
 

 

2. 불일치 연산자 (!==) : 타입까지 일치해야 false를 반환하는 연산자. 불일치하면 true를 반환함.

 
   console.log(2 !== 2);  false
   console.log("2" !== 2);   true
 

 

3. 작다 연산자 (<) , 작거나 같다 연산자 (<=)

 
   console.log(2 < 3);  true
   console.log(2 <= 3);  true
   console.log(3 <= 3);  true
   console.log(4 <= 3);  false
 

 

 

4. 논리 연산자

 

 4-1. 논리곱 연산자 (&&) : 모두 true일 때만 true 반환. &&는 and(둘다)의 의미

 
    console.log(true && true);  true
    console.log(true && false);  false
    console.log(false && true);  false
    console.log(false && false);   false
 

 

 4-2. 논리합 연산자 (||) : 두 값중 하나라도 true인 경우 true 반환. ||는 or(또는)의 의미

 
    console.log(true || true);  true
    console.log(true || false);  true
    console.log(false || true);  true
    console.log(false || false);   false
 

 

4-3. 논리부정 연산자 (!) : true값을 false로 바꿈. 사용빈도가 가장 높다!

 
   console.log(!true);  false
   let a = true;
   console.log(!a);   false
 

 

 5. 삼항 연산자 (활용빈도 상당히 높다) 조건에 따라 값을 선택한다.

 
   let a = 10;
   let result = (a > 5) ? "크다" : "작다";
   console.log(result);
 

위에서

삼항 (항이 3개: 첫번째항 : (a > 5), 두번째항 "크다", 세번째항 "작다"

첫번째 항이 조건이고, 조건이 true이면 result값에 두번째항 "크다"를 할당, false면 result값에 세번째항 "작다"를 할당

 

 

 

연습문제: 3항 연산자를 이용해서 y가 10보다 작은경우 작다를, 10보다 큰경우 크다를 출력해주세요.

 
   let y = 20;
   let answer = (y < 10) ? "크다" : "작다"
   console.log(answer);
 

조건은 'y가 10보다 작은 경우' 이므로, (y < 10)

 

 

06. 타입 연산자 (typeof)

 
   console.log(typeof "5"); → string 문자열 타입 
   console.log(typeof 5);  → number 숫자열 타입