Multi Developer SuHo

자바스크립트 데이터 타입(Data Type) 본문

JavaScript

자바스크립트 데이터 타입(Data Type)

Dreaming Developer Student 2023. 7. 14. 17:28
SMALL

모든  내용과 소스들은 다음 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

 

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의

www.inflearn.com

const age = 23;
console.log(typeof age);

자바스크립트에서 데이터 타입은  6개의 Primitive Type과 1개의 오브젝트 타입(object Type) 총 7개의 타입이 있습니다.

여기서 Primitive Type 이란 ? 자바스크립트 에서 다른 타입들이 구성될 수 있는 가장 작은 단위 

예(알파벳으로 A,B,C,D) 같은 단위로 생각하시면 됩니다.

Primitive Type 

1. Number - 일반적으로 숫자타입이라고 불리는 타입 입니다.

지정한 변수의 타입을 알고싶으면  console.log(typeof [변수명]); 이라고 입력하면됩니다.

const age = 23;
console.log(typeof age);

출력결과

2. String -  문자를 한개한개 리스트를 묶어서 만든 문자열이라고  알아두시면 좋을 것 같습니다.

const javaScript2 = '자바스크립트1';
console.log(typeof javaScript);

출력결과

Template Literal 이라는 기능이 있습니다.

사용방법은 아래소스와 같습니다.

/**
 * Template Literal (사람이 보는대로 입력)
 * 
 * Escaping Character
 * 1) newline -> \n
 * 2) tab -> \t
 * 3) 백슬래시를 스트링으로 표현하고싶다면 두번 입력하면된다.
 */

3. Boolean -  true와 false라는 참과 거짓을 나타내는  타입 입니다. 

const isTrue = true;
const isFalse = false;
console.log(typeof isTrue);
console.log(typeof isFalse);

출력결과

4. Undefined - 사용자가 직접 값을 초기화 하지 않았을때 지정되는 값, 직접 undefined로 값을 초기화 하는건 지양해야 합니다.

let noInit;
console.log(noInit);
console.log(typeof noInit);

출력결과

5. Null - undefined와 값이 없다는 뜻이나 Null 타입은 개발자가 값이 없다고 명시적으로 인지하는 것입니다.

let init= null;
console.log(init);
console.log(typeof init);

출력결과

6. Symbol - 어떤값을 넣더라도 값은 보존하지만 무조건 유일무이한 값이 인식되어 변수에 할당되는 타입 입니다.

const symbol1 = Symbol('1');
const symbol2 = Symbol('1');

console.log(symbol1 === symbol2);

출력결가

Object Type  

* key: value의 쌍으로 이루어져 있다. (예: red:'빨간색' )

*console.log(변수명[키값]);  -> value값을 찾을 수 있다.

const color ={
    red: '빨간색',
    Orange: '주황색',
    yellow: '노란색',
};

출력결과

Array  -  값을 리스트로 나열 할 수 있는 타입 입니다.

const newJeansMembersArray = [
    '해린',
    '혜인',
    '민지',
    '하니',
    '다니엘',
];
console.log(newJeansMembersArray);

출력결과

* index = 0부터 시작하여 1씩 올라가는 개념입니다. 

console.log(newJeansMembersArray[0]);
console.log(newJeansMembersArray[4]);

리스트중에 [0]번째 해당하는 값을 불러옵니다. 

리스트중에 [4]번째 해당하는 값을 불러옵니다.

-----------------------------------------------------------------

자바스크립트 에서는 변수의 타입을 명시적으로 선언하지 안호 갑에 의해 타입을 "추론"하는  dynamic typing 을 사용하고 있습니다.

LIST