일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- html 코드
- css 포지션
- 자바스크립트 dom의 목적
- front-end
- 티스토리챌린지
- javascript
- 오블완
- css3
- 자바스크립트 상속
- 자바스크립트 생성자 함수
- 웹 개발 트렌드
- 자바스크립트 innerhtml
- javascript opreators
- 프론트엔드
- CSS
- 자바스크립트 스코프
- 자바스크립트 실행 컨텍스트
- 자바스크립트 innertext
- 자바스크립트 연산자
- html 주석
- 자바스크립트 dom 문법
- 자바스크립트
- 자바스크립트 클래스
- javascript opreator
- HTML
- 자바스크립트 반복문
- css display
- 자바스크립트 scope
- 자바스크립트 onclick
- css position
- Today
- Total
Multi Developer SuHo
자바스크립트 데이터 타입(Data Type) 본문
모든 내용과 소스들은 다음 강의 플랫폼에서 응용하여 작성하였습니다.
출처: https://inf.run/xNcEg
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 을 사용하고 있습니다.
'JavaScript' 카테고리의 다른 글
자바스크립트 연산자(operator) (0) | 2023.07.25 |
---|---|
자바스크립트 (호이스팅) Hoisting 이란? (0) | 2023.07.19 |
자바스크립트 변수선언과 사용 (0) | 2023.07.03 |
자바스크립트 기본 문법 (0) | 2023.06.28 |
자바스크립트 주석 (0) | 2023.06.27 |