자바스크립트 자료형과 형 변환

자료형이란 값을 성질에 따라 분류한 것.

지금은 원시타입 자료형을 우선 학습하고 뒤의 비원시적 자료형은 추후에 더 자세히 정리할 것이다. 차근 차근 🧐 ! 

 

원시 타입 

let number = 10;

• 한번에 하나의 값만 가질 수 있음
• 하나의 고정된 저장 공간 이용 

비 원시 타입

let array = [1,2,3,4];

• 한번에 여러 개의 값을 가질 수 있음
• 여러 개의 고정되지 않은 동적 공간 사용

---

숫자형

let age = 25; // 정수

let tall = 178.5 // 실수

let inf = Infinity // 무한대

let minusInf = -Infinity // 음의 무한대

let nan = NaN; // 연산이 잘못되었을 때.

// 숫자형은 물론 사칙연산도 가능하다
console.log(age * tall) // + - * / % 등등.

문자형

let name = "sueboi";

let name2 = '이수광';

let anme3 = `sueboi2 ${name2}`; // sueboi2 이수광

// 백틱도 똑같이 출력되며 문자열안에 ${변수의값}을 사이에 넣을 수 있다.
// 문자열안에 변수의 값을 넣어줄 수 있으며 이런 문법을 템플릿 리터럴이라 칭한다.

Boolean 자료형 ( 참 / 거짓 ) 

let isSwitchOff = ture; // 참
let isSwitchOff = false; // 거짓

// 이렇게 스위치가 켜졌나 꺼져있나 ? 그 값이 참이냐 거짓이냐 저장할 때 사용한다.

Null 형 ( 비어있음 )

let a; // undefined

let a = null; 
console.log(a); // null

// 아무값도 답지 않으면 undefined가 뜨고 let a = null 이렇게 입력해줘야한다. 
// 이 변수는 의도적으로 아무런 값도 담고있지 않다를 가르킬 때 사용하는 것.

Undefined 형 

let variable;

console.log(variable); // undefined

// 변수를 선언하고 아무런 값도 할당하지 않으면 undefined 라고 뜨게된다. 자동할당.

---

let numA = 12;

let numB = "2";

console.log(numA * numB); // 24 

// 숫자열과 문자열을 곱했는데 24란 값이 나온다. 마치 숫자와 숫자를 곱한 것처럼.
// 자바스크립트는 다른 자료형과의 연산을 수행할 때 적절하게 자동으로 변환하여 값을 보여준다.
// 이런 기능을 형변환(casting)이라 부르며 의도하지 않았지만 자바스크립트가 해주는 묵시적 형변환이라 부른다.

console.log(numA + numB); // 122
// 위의 곱셈처럼 적절히 형변환이 되어 14가 나올 것 같은데 122가 나온다.
// 덧셈은 문자열과 숫자열을 문자로 바꾸어 붙여버린다. "12"+"2"="122"가 된 것.
// 우리가 원하는 의도대로 하기 위해선 parseInt 기능을 이용하면 된다.

console.log(numA + parseInt(numB)); // 14
// parseInt가 numB의 형태를 숫자형으로 바꾸어준 것.
// 이렇게 프로그래머가 의도적으로 문자형에서 숫자형으로 바꾼것을 명시적 형변환이라고 칭한다.