1. 자료형
문자열, 숫자, 불과 같은 것을 ‘자료형’이라고 부른다. 자료형은 자료의 형태를 의미한다. 자바스크립트에는 총 여섯 가지 자료형이 있고 모든 자료형을 변수에 저장할 수 있다.
<script>
var stiringVar = 'String'; // 문자열 자료형
var numberVar = 273; // 숫자 자료형
var booleanVar = true; // 불 자료형
var functionVar = function( ){ }; // 함수 자료형
var objectVar = { }; // 객체 자료형
var undefineVar; // undefined 자료형 : 선언되지 않거나 값이 할당되지 않은 변수를 나타내는 자료형
</script>
※ 자료형 확인 : typeof() 연산자
<script> alert(typeof('String')); // string 출력 alert(typeof(273)); // number 출력 </script>
1.1. 문자열 자료형
문자나 숫자를 큰 따옴표(“ ”) 또는 작은 따옴표(‘ ’)로 감싸서 문자로 표현할 때 사용하는 자료형이다. 문자형 데이터에 HTML 태그를 포함하여 출력하면 태그로 인식한다.
※ 문자형 데이터를 작성할 때는 큰 따옴표(“”)와 작은 따옴표(‘’)의 겹침 오류를 주의해야 한다.
1.2. 숫자 자료형
문자열 자료형 외에도 숫자 자료형이 있다. 정수와 실수 구분 없이 숫자는 모두 숫자 자료형이다. 숫자를 사용하면 기본적인 사칙연산을 할 수 있다. 만약 “100”과 같이 큰 따옴표가 숫자를 감싸고 있다면 숫자가 아닌 문자형 데이터이다. 이 경우에는 Number("100")을 이용하면 문자형 데이터를 숫자형 데이터로 바꿀 수 있다.
1.3. 불 자료형 (논리 자료형)
참과 거짓이라는 값을 표현할 때 불 자료형을 사용한다. 불 자료형은 true나 false 두 가지로만 만들 수 있다. 이 데이터는 주로 2개의 데이터를 비교할 때 나오는 결과이다. 예를 들어 ‘100보다 10이 크다’는 잘못된 비교이므로 false라는 결과를 반환하게 된다.
Boolean() 메서드에 데이터를 입력하면 논리형 데이터인 true 또는 false를 반환한다. Boolean() 메서드는 숫자 0, null, undefined, 빈 문자(" ")를 제외한 모든 데이터에 대해 true를 반환한다.
1.4. null & undefined 자료형
자바스크립트에서는 ‘존재하지 않는 것’을 undefined 자료형으로 표현한다. null은 변수에 저장된 값이 null인 경우, 즉 변수에 저장된 데이터를 비우고자 할 때 사용하는 값.
둘 다 자바스크립트에서는 '값이 없음'을 나타낸다.
- undefined : 값이 할당되지 않은 것, 정의되지 않은 것, 초기화되어 있지 않거나 존재하지 않는 것
- null : 값이 비어있는 것, 아무 값도 갖지 않음, 값은 값인데 비어있는 값(아무런 값이 아닌 값)
2. 자료형 변환
2.1. 숫자와 문자열 자료형 변환
다른 자료형을 숫자로 바꿀 때는 Number() 함수 사용.
다른 자료형을 문자열로 바꿀 때는 String() 함수 사용.
2.2. 숫자 변환 함수
기본적인 자료형 변환은 Number() 함수가 있지만 자바스크립트는 Number() 함수의 단점을 보완하고자 다른 숫자 변환 함수를 제공한다.
parseInt(string) string을 정수로 바꾸어준다.
parseFloat(string) string을 실수로 바꾸어준다.
※ int는 integer의 약자로 정수를 의미하고, float는 floating point의 약자로 부동소수점을 의미한다.
2.3. 불 자료형 변환하는 Boolean() 함수