자바스크립트는 동적언어로 변수 타입을 미리 선언할 필요가 없습니다.
어떤 데이터 타입이 있는지 한번 확인해봅니다.🤗
1. 기본 자료형
1) Boolean
- true/false 두가지 값을 가질 수 있습니다.
- 프로그래밍 시 논리적으로 참/거짓을 판단할 필요가 있을때 사용합니다.
- 예) 사용자가 입력한 값이 10 이상이면 참, 아니면 거짓 (비교연산자)
const boolT = true;
const boolF = false;
console.log(boolT,boolF);
/*
실행 결과
===============================
true false
===============================
*/
2) Null
- 변수값이 비어있다는 표기를 하기 위한 자료형입니다.
- undefined 형은 메모리에 아무런 데이터가 없지만, null 자료형의 경우 "Null"형이 값으로 출력됩니다.
let nullType = null;
console.log(nullType)
/*
실행 결과
===============================
null
===============================
*/
3) Undefined
- 변수명만 선언되어있고, 변수값이 없는 자료형입니다.
- 메모리 공간은 확보 되어있지만 실제로 데이터가 들어가있지 않습니다.
let undefinedType
console.log(undefinedType)
//변수값에 직접 undefined를 넣을 수 있습니다.
// let undefinedType = undefined;
/*
실행 결과
===============================
undefined
===============================
*/
4) Number
- 숫자 자료형입니다.
- 자바스크립트에서는 정수, 실수를 구분하지 않습니다. (정확히는 정수만을 위한 자료형이 없습니다.)
const floatingType = 123123.123123;
console.log(floatingType);
/*
실행 결과
===============================
123123.123123
===============================
*/
5) String
- 문자 자료형입니다.
const stringType = "사과는 맛있어";
console.log(stringType);
/*
실행 결과
===============================
사과는 맛있어
===============================
*/
2. Array
배열은 인덱스를 가지는 여러개의 데이터를 저장할 수 있는 자료 구조입니다.
하나의 배열에 여러 자료형의 데이터를 저장할수 있습니다.
const arraySample = ["judy", 30, true, null]
console.log (arraySample)
/*
실행 결과
===============================
[ 'judy', 30, true, null ]
===============================
*/
배열의 데이터는 순서대로 저장되며, 데이터는 인덱스를 이용해서 접근합니다.
const arraySample = ["judy", 30, true, null]
console.log (arraySample[0]);
console.log (arraySample[1]);
/*
실행 결과
===============================
judy
30
===============================
*/
3. Object
객체는 키(key)와 값(value)로 구성된 Property의 집합입니다.
원하는 데이터 전부 다 넣을 수 있습니다.
const objectSample = {
name: "김초롱",
age: 30,
nationality: "korean",
favoriteFoods: ["김치","된장찌개","계란후라이","스팸구이"],
family: [
{
father: "김득주",age: 63
},
{
mom:"정혜인",age: 62
},
{
sister:"김다은", age:26
}
],
character: undefined
}
console.log(objectSample)
/*
실행 결과
===============================
{
name: '김초롱',
age: 30,
nationality: 'korean',
favoriteFoods: [ '김치', '된장찌개', '계란후라이', '스팸구이' ],
family: [
{ father: '김득주', age: 63 },
{ mom: '정혜인', age: 62 },
{ sister: '김다은', age: 26 }
],
character: undefined
}
===============================
*/
오브젝트 내의 데이터는 아래와 같이 확인할 수 있습니다.
const objectSample = {
name: "김초롱",
age: 30,
nationality: "korean",
favoriteFoods: ["김치","된장찌개","계란후라이","스팸구이"],
family: [
{
father: "김득주",age: 63
},
{
mom:"정혜인",age: 62
},
{
sister:"김다은", age:26
}
],
character: undefined
}
console.log(objectSample.family[1].age)
/*
실행 결과
===============================
62
===============================
*/
공식홈페이지 :developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures
자바스크립트의 자료형 - JavaScript | MDN
자바스크립트의 자료형 모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수
developer.mozilla.org