🚀 Languege/JavaScript

[기본 문법] 자바스크립트 자료형/Array/Object

mini_world 2021. 4. 15. 00:18
목차 접기

 

자바스크립트는 동적언어로 변수 타입을 미리 선언할 필요가 없습니다. 
어떤 데이터 타입이 있는지 한번 확인해봅니다.🤗


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

 

728x90