📚 [JavaScript] 자료형과 형 변환

📕 자료형

컴퓨터가 처리할 수 있는 자료의 형태

📙 기본 유형

1. 숫자형(number)

따옴표 없이 숫자로만 표기

<script>
var num1 = 10; //소수점을 사용하지 않은 표현
var num2 = 10.00; //소수점을 사용한 표현
var num3 = 10e6; //10000000
var num4 = 10e-6; //0.00001
</script>

2. 문자열(string)

작은따옴표('')나 큰따옴표("")로 묶은 데이터

<script>
var str1 = "큰따옴표 문자열";
var str2 = '작은따옴표 문자열';
var str3 = "큰따옴표 안에 '작은따옴표'로 표기한다";
var str4 = '작은따옴표 안에 "큰따옴표"로 표기한다';
var num = 10;
var str = "문자열"
document.write(num + str); //숫자와 문자열 더하기 : 10문자열
</script>

3. 논리형(boolean)

참(true)이나 거짓(false)의 값을 표현

<script>
var num1 = 100;
var num2 = 10;
var num3 = 10;
document.write(num1 == num2); //false
document.write(num2 == num3); //true
</script>

📒 복합 유형

1. 배열(array)

하나의 변수에 여러 개의 값을 저장

<script>
배열명["값1", "값2", ....]
배열명[ ] //빈 배열 선언

var seasons = ["봄", "여름", "가을", "겨울"]; //index가 0부터 시작
document.write(seasons[0]); //봄
document.write(seasons[1]); //여름
document.write(seasons[2]); //가을
document.write(seasons[3]); //겨울
</script>

2. 객체(object)

함수와 속성을 함께 포함

<script>
var date = new Date();
</script>

📗 특수 유형

1. undefined

자료형이 지정되지 않았을 때의 상태 / 값을 할당하지 않은 변수

<script>
var num; //초기화하지 않았으므로 undefined 값을 반환한다
</script>

2. null

값이 유효하지 않을 때의 상태

<script>
var str = null; //object 타입의 null 값
</script>

3. typeof 연산자

피연산자의 타입을 반환하는 피연산자가 단 하나뿐인 연산자

<script>
typeof 10;        // number 타입
typeof "문자열";  // string 타입
typeof true;      // boolean 타입
typeof undefined; // undefined 타입
typeof null;      // object 타입
</script>

📘 형 변환

1. 묵시적 타입 변환(implicit type conversion)

특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환하여 사용

2. 명시적 타입 변환(explicit type conversion)

① Number()

Number("10"); //숫자 10

② String()

String(true); //문자열 "true"

③ Boolean()

Boolean(0); //불리언 false

④ Object()

Object(3); //new Number(3)와 동일한 결과로 숫자 3

⑤ parseInt()

문자열을 파싱하여 특정 진법의 정수를 반환한다

⑥ parseFloat()

문자열을 파싱하여 부동 소수점 수를 반환한다