🦎 JavaScript

[JS] 기본 연산자

하나둘세현 2023. 1. 21. 02:55
728x90

기본 연산자

연산자를 사용하면 기본적으로 값을 변환 또는 여러 값을 결합할 수 있다. 

 

빼기 연산자

const ageJonas = 2037 - 1991;
const ageLisa = 2037 - 1989;
console.log(ageJonas, ageLisa);

console.log에 여러 값을 출력하려면 ,를 사용하면 된다.  

 

2037년도가 중복됨으로 별로 좋은 방법은 아니다. 왜냐면 연도가 바뀌면 값을 변경해야 하기 때문이다. 

그렇다면 어떻게 해야할까?

바로 변수를 새로 만들어 값을 할당하는 것이다. 

const now = 2037;
const ageJonas = now - 1991;
const ageLisa = now - 1989;
console.log(ageJonas, ageLisa);

 

곱하기, 나누기, 제곱 연산자

console.log(ageJonas * 3, ageJonas / 2, 2 ** 3);

 

더하기 연산자

const firstName = "jonas";
const lastName = "schmedtmann";
console.log(firstName + " " + lastName);

console.log에서 " "를 활용하여 문자열 사이의 공백을  만들었다. 이렇게 문자열과 문자열 연결을 하는 것을 템플릿 문자열이라고 한다. 

 

typeof 연산자

값의 유형을 제공한다.

console.log(typeof "Jonas");

 

할당 연산자

let x = 10 + 5;

= 등호가 연산자이다. 따라서 위의 코드에는 = , + 연산자 두 개가 있다. x에는 15가 할당된다. 

let x = 10 + 5; //15
x += 10; // x = x + 15

첫번째 줄에서의 x는 15였다. 두번째 줄에서는 x 가 의미하는 건 x = x + 15이다. x 값을 재할당하고 있다. 그래서 let을 사용한다. 두번째 줄에서의 x는 일단 15인데 이제 10을 추가로 더했으니 값은 25가 된다. 

let x = 10 + 5; //15
x += 10; // x = x + 15 = 25
x *= 4;

그렇다면 x *= 4는 얼마일까? 현재 x는 25이다. 이제 25에 x 4를 했으니 이제 x의 값은 100이다. 

let x = 10 + 5; //15
x += 10; // x = x + 15 = 25
x *= 4; // x = x * 4 = 100
x++;

x++의 값은 얼마일까? x = x + 1이 된다는 뜻이다.  즉 x 는 101이다.

let x = 10 + 5; //15
x += 10; // x = x + 15 = 25
x *= 4; // x = x * 4 = 100
x++; // x = x + 1
x--;

그렇다면 x--의 값은? x = x - 1이 된다. 즉 x는 100이다. 


비교 연산자

비교 연산자는 불리언값을 생성한다. 

console.log(ageJonas > ageLisa);

답은 false 아니면 true이다. (위의 빼기 연산자의 코드를 참고하면 된다.) 

결과 값은 false이다. Jonas는 46세, Lisa는 48세이다. 

 

코드로 결정을 내릴때 조건을 기반으로 하기 때문에 비교 연산자는 매우 유용하다. 

 

비교 연산자의 종류

>, <, >=, <=

 

Jonas가 성인인지 아닌지를 파악하고 싶다. 우리나라는 만 19세 이상일때 성인이다.

console.log(ageJonas >= 19);

19세는 포함해야 함으로 >= 이렇게 작성했다. 그래서 결과로는 true가 나왔다. Jonas는 46세이기 때문이다

const isFullAge = ageJonas >= 19;
console.log(isFullAge);

. isFullAge는 불리언 값을 포함한다. 

console.log(now - 1991 > now - 1989);

위의 코드처럼 간략하게 작성하여 불리언 값을 알아낼 수 있다. now - 1991과 now - 1989 를 먼저 계산한뒤 그 뒤의 값으로 비교하는 것이다.

728x90

'🦎 JavaScript' 카테고리의 다른 글

[JS] 문자열  (0) 2023.01.23
[JS] 다른 연산자의 우선순위  (0) 2023.01.22
[JS] Blooleans(불리언)  (0) 2023.01.19
[JS] Variables (변수) | let | const | var  (0) 2023.01.12
[JS] Primitive Types  (0) 2023.01.11