front-end/js

[JS] 3. 형변환과 기본 연산자(String(), Number(), Boolean())

쭈냥이 2023. 11. 10. 15:48

1. String()

(1-1) 첫글자를 대문자로 작성해야하고, 괄호안의 값을 문자열로 바꿔줍니다.

const age1 = 35;
console.log(typeof age1);

const age2 = String(35);
console.log(typeof age2);

같은 35를 집어넣었지만 age1 = 숫자형, age2 = 문자형이 된 걸 확인할 수 있습니다.

 

 

 

 

 

2.Number()

(2-1) 첫글자를 대문자로 작성해야하고, 괄호안의 값을 숫자로 바꿔줍니다.

const year = "2023";
console.log(year);

year2 = Number(year);
console.log(year2)

분명 year라는 변수는 문자형으로 선언했지만 Number()를 통해 숫자형으로 출력되는 것을 볼 수 있습니다.

 

 

 

3.Boolean()

(3-1) 첫글자를 대문자로 작성해야하고, 괄호안의 값을 Boolean으로 바꿔줍니다.

const year = 2023;
console.log(year);

year2 = Boolean(year);
console.log(year2)

(3-2)숫자형이였던 2023이 Boolean()을 통해 boolean값으로 변경되었고, 숫자0, 빈문자열, null, undefined, NaN을 제외한 것은 모두 true이기 떄문에 결과창에 true가 출력된 것을 볼 수 있습니다.

 

 

 

 

 

 

4. 기본연산자

(4-1) 기본연산자에는 (+) (-) (*) (/) (%)가 있습니다.

const num = 100;

a = num + 4;
b = num - 4;
c = num * 4;
d = num / 4;
e = num  % 4;

console.log(a,b,c,d,e);

 

(4-2) + 는 덧셈이므로 104,

         -는 뺼셈이므로 96,

         *는 곱셈으므로 400,

          /이므로 25,

         %나머지이므로 0입니다.

         (몫과 나머지를 헷갈리지 않게 조심해야 합니다.)