스파르타 (React_6기) 본캠프

2024. 07. 22.(JavaScrip 기본 문법 정리 - 연산자)

cha123hein 2024. 7. 23. 02:39

1. 더하기 연산자

console. log(1+1); -> 2

console. log(1+"1"): -> 11

-> 더하기 연산자는 문자열이 우선이기 때문에 숫자 + 문자열의 경우 문자열로 변환된다.

 

2. 빼기 연산자

console. log(1-1); -> 0

console. log(1-"1"): -> 0

 

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

 

6. 할당연산자(assignment)

6-1. 등호 연산자(=) : 오른쪽에서 왼쪽으로 식을 할당했다.

let x = 10;

 

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

 x += 5

-> 기존 x값에 5를 더해 달라는 말과 같다. 현재 위의 식에서 x=10으로 정의되었가 때문에 15라는 결과값이 나온다.

 

6.3 빼기 등호 연산자(-=)

x -= 5

-> 기존 x값에 5를 빼라는 말과 같다. 현재 위의 식에서 x=10으로 정의되었가 때문에 5라는 결과값이 나온다.

 

* 곱하기와 나누기도 위와 같은 방식으로 계산이 가능하다.

 

7. 비교연산자 : true 또는 false를 반환하는 연산자

7-1. 일치 연산자(===) : 타입까지 일치히야 true를 반환하는 연산자

console. log (2===2); -> true

console. log (2==="2"); -> false

 

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

console. log (2!==2); -> false

console. log (2!=="2"); -> true

 

7-3. 작다 연산자(<), 작거나 같다 연산자(+<)

console. log(2<3); -> true

console. log(2<=3); -> true

 

7-4. 논리연산자

7-4-1. 논리곱 연산자 : 두 값이 모두 true일 때만 true결과값이 나온다.

console. log(true && true); -> true

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

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

console. log(false && false); -> false

 

7-4-2. 논리합 연산자 : 두 값 중 하나라도 true일 경우 true로 변환한다.

console. log(true || true); -> true

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

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

console. log(false || false); -> false

 

7-4-3. 논리부정 연산자 : 값을 반대로 바꾼다.

console. log(!treu); -> false

 

8. 삼항연산자 : 조건에 따라 값을 선택한다.(조건? 참일 경우 변환되는 값 : 거짓일 경우 변환되는 값)

let x=10;

let result = x > 5 ? "크다" : "작다";

-> x > 5 라는 조건이 참이면 "크다"가 출력이 되고, 거짓이면 "작다"가 출력된다. 그러므로 "크다"가 출력된다.

 

9. 타입연산자(typeof)

console.log (typeof "5")

-> string(문자열)로 결과 값이 나온다.