자바스크립트의 변수는 선언 후 사용한다. 그렇기에 데이터타입이 정해지기도 하고 그렇지 않은 경우도 있다. 자바스크립트의 데이터타입을 보기 위해선 typeof 함수를 사용한다. 그렇지만 재정의가 가능한 변수들에 의해 이것은 의미가 없어질 수도 있다. 데이터타입이 변할 수 있기 때문이다.
자바스크립트 데이터타입 종류
javascript data type
자바스크립트는 몇가지 데이터타입을 가지고 있다.
숫자형, 문자열형, 객체형이 있다.
숫자형은 number, 문자열형은 string, 객체형은 object 이다.
이들은 변수가 선언되고 값이 할당되는 순간 정해진다.
데이터타입 종류
자바스크립트의 데이터타입은 언급한대로 4가지가 있다.
이 외에도 더 있지만 논외로 한다.
숫자형인 number 는 숫자를 뜻한다.
지수함수도 포함되고 소숫점도 포함된다.
문자열형인 string 은 문자열을 뜻한다.
문자가 하나든 여러개든 상관없다.
객체형은 데이터집합 형태를 뜻한다.
배열이나 json 같은 덩어리진 데이터타입 등이 있다.
추가로 null 또한 데이터타입은 object 이다.
데이터타입 보는 방법
데이터타입을 보기 위해서는 typeof 함수를 사용한다.
변수를 typeof 함수의 인자값으로 넣고 출력을 하면 해당 변수의 데이터타입을 확인할 수 있다.
사용법은 아래와 같다.
typeof( 변수명 또는 데이터 )코드 샘플
위에서 언급한 것들을 기준으로 코드를 작성해 본다.
여러가지 표현법들이 있지만 typeof 함수를 사용하면 데이터타입을 쉽게 구분할 수 있다.
1. 숫자형 number 데이터 타입
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 데이터타입 typeof</h1>
<script>
let vNumber1 = 16;
console.log("vNumber1 : ", vNumber1, typeof(vNumber1));
let vNumber2 = 34.00;
console.log("vNumber2 : ", vNumber2, typeof(vNumber2));
let vNumber3 = 123e-5;
console.log("vNumber3 : ", vNumber3, typeof(vNumber3));
</script>
</body>
</html>일반적으로 많이 사용되는 부분이다.
정수, 소숫점, 지수 형태의 숫자들이 들어간다.
결과 화면을 보면 알 수 있듯이 모두 number 형태의 데이터임을 알 수 있다.
2. 문자열형 string 데이터 타입
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 데이터타입 typeof</h1>
<script>
let vString1 = "Johnson";
console.log("vString1 : ", vString1, typeof(vString1));
let vString8 = "가"
console.log("vString8 : ", vString8, typeof(vString8));
</script>
</body>
</html>그냥 우리가 잘 아는 문자들이다.
문자든 문자열이든 상관없이 모두 string 임을 알 수 있다.
3. 객체형 object 데이터 타입
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 데이터타입 typeof</h1>
<script>
let vObject1 = {firstName:"John", lastName:"Doe"};
console.log("vObject1 : ", vObject1, typeof(vObject1));
let vObject2 = ["Saab", "Volvo", "BMW"];
console.log("vObject2 : ", vObject2, typeof(vObject2));
</script>
</body>
</html>결과화면을 보자.
객체형은 데이터 덩어리로써 객체로 접근이 가능하다.
보통 배열이나 json 같은 데이터 덩어리 일 수도 있고 개발자가 임의로 만든 데이터 집합일 수도 있다.
객체로 접근이 가능하단 것은 점( . ) 을 이용하면 하위에 존재하는 다른 데이터에도 접근이 가능하다.
이런 데이터 덩어리 집합을 object 형이라 한다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 함수 사용 방법 javascript function (0) | 2021.10.24 |
|---|---|
| 자바스크립트 데이터타입 null undefined empty 차이 (0) | 2021.10.23 |
| 자바스크립트 할당연산자 산술연산자와 혼합 사용하기 (0) | 2021.10.20 |
| 자바스크립트 할당연산자 사용하는 방법 javascript assignment operator (0) | 2021.10.19 |
| 자바스크립트 증감연산자 산술연산자의 증감 사용 javascript arithmetic operator (0) | 2021.10.18 |
댓글