Animated Rainbow Nyan Cat
본문 바로가기
javascript

데이터타입

by 이유나1 2022. 7. 26.
728x90
반응형

데이터 타입

변수에 저장되는 데이터의 유형으로 Primitive(원시) 데이터 타입과 Object(객체) 데이터 타입으로 나눌수 있다. Primitive(원시)에는 number, string, boolean, undefined, null, symbol등이 있으며, Object(객체)에는 function, object, array등이 있습니다.


number(숫자)데이터

정수, 소수점, 지수를 표현 할 수 있다.

var num = 10;
var num = 10;
var num = 10;
console.log(num1);//10
console.log(num2);//10.5
console.log(num2);//100,le+2는 1*10의 2승을 의미한다.

string(문자)데이터

"또는"으로 표현,작은따옴표를 많이 표현

var str1 = '문자';
var str2 = "문자";
console.log(num1);//문자
console.log(num2);//문자

문자안에 들어갈 경우 바깥쪽을 작음따옴표로 처리했으면 안쪽은 큰따옴표로, 반대로 바깥쪽을 큰따옴표로 처리했으면 안쪽은 작은 따옴표로 처리한다.

var str1 = '문자는 "문자"';
var str2 = "문자는 '문자'"";
console.log(num1);//문자는 "문자"
console.log(num2);//문자는 '문자'

이스케이프 문자/th> 설명
\n 행 바꿈
\t 탭 문자
\\ 역슬래시
\' 작은 땀옴표
\" 큰 따옴표

boolean(논리)데이터

true(참)과 false(거짓)의 값을 표현, boolean()변수의 값을 true나false 로 변환 시켜주는 명령어

var temp1 = (5>4);
var temp1 = (5>4);
console.log(num1);//true
console.log(num1);//false

boolean 에서 0값은 false를 의미 0값 이외의 숫자나 문자 값은 true의미

var temp1 = 0;//0의 boolean은 false을 의미
var temp1 = 1;//1의 boolean은 true을 의미
console.log(boolean(temp1));//false
console.log(boolean(temp2));//true

undefined()데이터

변수는 선언 하였으나 데이터 값을 지정하지 않았을 경우나 객체의 속성 값을 지정하지 않았을 경우 자동 저장되는 값

var temp1 = 10;
var temp2 ;
console.log(temp1);//10
console.log(temp2);//undefined->변수에 데이터 값이 없기 때문에 undefined 저장

var obj ={};
obj.name = '홍길동';
obj.age;
console.log(obj.name);//홍길동
console.log(obj.age);//undefined->객체에 속성 값이 없기 때문에 undefined 저장

null 데이터

변수를 (empty)빈 (초기화)상태로 만들거나 데이터를 저장하였으나 값이 존재하지 않을 때 null값을 반환함

var obj = 10;
obj = null;
console.log(obj);//null,변수를 빈 상태로 만듬
var obj = document.getElemtById('gnb');
console.log(obj);// 데이터를 저장하였으나 값이 존재 하지 않을 경우 null

var obj1; //undefined
var obj2 = null;//null
console.log(Boolean(obj1));//false
console.log(Boolean(obj2));//false

typeof 명령

변수에 저장되어 있는 데이터 타입을 알아보려면 typeof 사용

var num = 10;
var str= '문자';
console.log(typeof num);////number
console.log(typeof str);//string

728x90

'javascript' 카테고리의 다른 글

전역변수와 지역변수  (4) 2022.07.29
함수  (5) 2022.07.26
조건문  (5) 2022.07.26
for문 이해하기  (10) 2022.07.21
연산자  (11) 2022.07.20

댓글


/
/
/

CSS
광고준비중입니다.