일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 주소창에 naver 입력시 일어나는 일
- MPA
- 실행 컨텍스트
- polyfill
- 자바스크립트 함수
- async/await
- props와 state 차이점
- undeclared
- 브라우저 렌더링원리
- 얕은 복사
- 가상 dom
- 변수 생성 단계
- 스코프 체인
- 자바스크립트의 클래스
- 호이스팅
- 세션 스토리지
- CORS
- 이벤트 캡처링
- 깊은 복사
- react
- 프로미스
- CSS
- 자바스크립트
- 이벤트 버블링
- 리액트의 생명 주기
- 리액트
- 클라이언트 사이드 렌더링
- webpack
- 로컬 스토리지
- 서버 사이드 렌더링
Archives
- Today
- Total
Gapus Dev Blog
[자바스크립트] 데이터타입 본문
데이터 타입이란?
- 데이터 타입이란 개발에 사용하는 데이터의 종류이다.
- 원시 타입은 변경 불가능하며, 재할당을 해야 한다.
- 재할당을 하게 되면 연결된 메모리주소와 연결을 끊고 새롭게 만든 데이터의 메모리 주소와 연결한다.
- 원시 타입(primitive data type)
- boolean
- number
- string
- null
- undefined
- 객체 타입 (object type)
- object
- Javascript에 대해 - 객체
boolean
- boolean 타입은 논리적 참, 거짓을 나타내는 true, false이다.
- boolean은 주로 흐름을 제어하는 조건문에서 사용한다.
- null, undefined, 숫자 0, -0 , " "는 false로 처리
var foo = true;
var bar = false;
// typeof 연산자는 타입을 나타내는 문자열을 반환한다.
console.log(typeof foo); // boolean
console.log(typeof bar); // boolean
출처 - https://poiemaweb.com/js-data-type-variable 모던 javascript deepdive
number
- 숫자 타입은 모든 수를 실수로 처리한다. 정수끼리 나누더라도 실수로 표시된다.
console.log(1 === 1.0); // true
var result = 4 / 2;
console.log(result); // 2
result = 3 /2;
console.log(result); // 1.5
출처 - https://poiemaweb.com/js-data-type-variable 모던 javascript deepdive
String
- 문자열(String) 타입은 텍스트를 나타낼 때 사용한다.
- 문자열은 작은따옴표('), 큰 따옴표(") 안에 데이터를 넣어 사용한다.
- 문자열은 변경 불가능이다. 변경하게 되면 새로운 메모리를 생성하여 가리킨다.
- 문자열에 접근 시 인덱스를 통해 접근이 가능하다.
let str = 'string'
str = 'String';
console.log(str); // String
str += ' test';
console.log(str); // String test
str = str.substring(0, 3);
console.log(str); // Str
str = str.toUpperCase();
console.log(str); // STR
출처 - https://poiemaweb.com/js-data-type-variable 모던 javascript deepdive
null
- 자바스크립트에서 null은 의도적으로 값이 없음을 명시할 때 사용한다.
- 함수를 호출하였을 때 유효한 값을 반환하지 못하면 null을 반환한다.
let ex = 'kim'
ex = null // 참조 정보 제거
var element = document.querySelector('.myElem');
// HTML 문서에 myElem 클래스를 갖는 요소가 없다면 null을 반환한다.
console.log(element); // null
출처 - https://poiemaweb.com/js-data-type-variable 모던 javascript deepdive
undefined
- 선언 이후 값을 할당하지 않는 변수는 undefined 값을 가진다.
- 의도했으면 null, 안 했으면 undefined로 구분한다.
let ex
console.log(ex); // undefined
출처 - https://poiemaweb.com/js-data-type-variable 모던 javascript deepdive
'프론트엔드 > JavaScript' 카테고리의 다른 글
[자바스크립트] 호이스팅 (0) | 2023.10.19 |
---|---|
[자바스크립트] 조건문 (0) | 2023.01.10 |
[자바스크립트] 객체 (2) | 2023.01.06 |
[자바스크립트] 배열, 문자열 (0) | 2023.01.06 |
[자바스크립트] 변수, 상수 (0) | 2023.01.06 |