728x90
반응형
데이터 타입
변수에 저장되는 데이터 유형으로 Primitive(원시), Object(객체)로 나눠집니다.
원시 = number, string, boolean, undefined, null, symbol
객체 = function, object, array
number(숫자) 데이터
number 데이터는 정수, 소수점, 지수를 표현
var num1 = 10;
var num2 = 10.5;
var num3 = 1e+2;
console.log(num1); // 10 console.log(num2); // 10.5 console.log(num2); // 100. 1e+2는 1*10의 2승을 의미합니다.
var num2 = 10.5;
var num3 = 1e+2;
console.log(num1); // 10 console.log(num2); // 10.5 console.log(num2); // 100. 1e+2는 1*10의 2승을 의미합니다.
string(문자) 데이터
string 데이터는 ''또는 "" 표현
var str1 = '문자';
var str2 = "문자";
console.log(str1); // 문자 console.log(str2); // 문자
var str2 = "문자";
console.log(str1); // 문자 console.log(str2); // 문자
문자 안에 문자가 들어갈 경우 다음과 같이 표현
var str1 = '문자는 "문자"';
var str2 = "문자는 '문자'";
console.log(str1); // 문자는 "문자" console.log(str2); // 문자는 '문자'
var str2 = "문자는 '문자'";
console.log(str1); // 문자는 "문자" console.log(str2); // 문자는 '문자'
특수한 목적을 위해 '\'(역슬래시) 사용하는 경우, 이것을 이스케이프 시퀀스라고 합니다.
이스케이프 문자 | 설명 |
---|---|
\n | 행 바꿈 |
\t | 탭 문자 |
\\ | 역슬래시 |
\' | 작은따옴표 |
\" | 큰따옴표 |
boolean(논리) 데이터
boolean 데이터는 참과 거짓의 값을 표현
var temp1 = (5 > 4);
var temp2 = (5 < 4);
console.log(temp1); // true console.log(temp2); // false
var temp2 = (5 < 4);
console.log(temp1); // true console.log(temp2); // false
boolean에서 0값은 false를 의미하며 0값 이외의 숫자나 문자 값은 true 의미
var temp1 = 0; // 0의 boolean은 false를 의미합니다.
var temp2 = 1; // 1의 boolean은 true를 의미합니다.
console.log(Boolean(temp1)); // false console.log(Boolean(temp1)); // true
var temp2 = 1; // 1의 boolean은 true를 의미합니다.
console.log(Boolean(temp1)); // false console.log(Boolean(temp1)); // true
Boolean() 명령어는 변수의 값을 false나 true로 변환
undefined 데이터
변수는 선언하였으나 데이터 값을 지정하지 않았을 경우나 객체의 속성 값을 지정하지 않았을 경우 자동 저장되는 값
var temp1 = 10;
var temp2;
console.log(temp1); // 10 console.log(temp2); // undefined --> 데이터 값이 없기에
var temp2;
console.log(temp1); // 10 console.log(temp2); // undefined --> 데이터 값이 없기에
var obj = {};
obj.name = '홍길동';
obj.age console.log(obj.name); // 홍길동 console.log(obj.age); // undefined --> 속성 값이 없기에
obj.name = '홍길동';
obj.age console.log(obj.name); // 홍길동 console.log(obj.age); // undefined --> 속성 값이 없기에
null 데이터
undefined와 유사하지만 변수를 빈(empty) 상태(초기화)로 만들거나, 데이터를 저장하였으나 값이 존재하지 않을 때
var obj = 10;
obj = null;
console.log(obj); // null, 변수를 빈(empty) 상태로 만듭니다. var obj = document.getElementByID('gnb'); console.log(obj); // 변수에 데이터 값을 저장은 하였으나 값이 존재하지 않을 경우 null을 저장합니다.
obj = null;
console.log(obj); // null, 변수를 빈(empty) 상태로 만듭니다. var obj = document.getElementByID('gnb'); console.log(obj); // 변수에 데이터 값을 저장은 하였으나 값이 존재하지 않을 경우 null을 저장합니다.
var obj1; // undefined
var obj2 = null; // null
console.log(Boolean(obj1)); // false console.log(Boolean(obj2)); // false
var obj2 = null; // null
console.log(Boolean(obj1)); // false console.log(Boolean(obj2)); // false
typeof 명령
변수에 저장되어 있는 데이터 타입을 알아볼 경우 사용
var num = 10;
var str = '문자';
console.log(typeof num); // number
console.log(typeof str); // string
var str = '문자';
console.log(typeof num); // number
console.log(typeof str); // string
728x90
반응형
'javascript' 카테고리의 다른 글
JavaScript 조건문 (8) | 2022.07.26 |
---|---|
JavaScript 반복문 (7) | 2022.07.25 |
JavaScript for문 (14) | 2022.07.21 |
JavaScript 연산자 (13) | 2022.07.20 |
JavaScript 기본 규칙 (17) | 2022.07.20 |