[javaScript] 자바스크립트 데이터형

데이터형

변수에 담기는 데이터의 형태

 

데이터형의 종류

● 문자형 string

" 큰따옴표 " , ' 작은따옴표 ' 로 표시 

var str1 = "Hello World";

var str2 = 'Nace to meet you';

//숫자도 따옴표 안에 작성하면 문자형으로 인식함
var str3 = "10";

 

TIP!
문자형 작성 시 큰따옴표와 ㅈ가은 따옴표를 구분하는 것이 중요!

// 큰따옴표와 작은따옴표를 함께 사용한 경우 > 인식하지 못함
var str1 = "He is a tall';
// 중간에 따옴표(줄임표시를 위해)가 있는 경우 > 중간까지만 인식
var str1 = 'He's a tall';

// 중간에 따옴표(줄임표시를 위해)가 있는 경우 사용하는 방법
// 중간에 있는 따옴표와 다른 종류의 따옴표를 사용
var str1 = "He's a tall";
// \(역슬래쉬)를 사용
var str1 = 'He\'s a tall';​

 

● 숫자형 number

별도에 기호없이 숫자로만 표시

 

TIP!
ES5의 문자열 결합 시 + 사용하며, 숫자형의 경우 연산으로 적용됨

 

● 논리형 boolean

참 또는 거짓 데이터가 들어가 있는 상태

var t = true;

var f = false;

 

TIP!
논리형 데이터에서 true=1, false=0 를 의미합니다

 

● 배열변수 array

하나의 변수명에 여러개의 변수값을 넣을 수 있음

[ ] 로 정의

var color = ["빨강", "파랑", "초록"];

// 콘솔 창에 출력
console.log(color);

 

배열 데이터 추출하여 사용하는 방법

배열 데이터는 각 각의 index 값을 가짐

맨 앞 데이터 부터 차례대로 정해지며, 시작값은 0

 

사용 문법

변수[index값]

 

인덱스값을 사용하여 일부 데이터 값만 사용하거나 변경할 수 있음

var color = ["빨강", "파랑", "초록"];

// 0번째 인덱스의 데이터 추출
console.log(color[0]);

// 1번째 인덱스의 데이터 변경하기
color[1] = "노랑";
console.log(color);

 

● 객체 object

프로퍼티(객체가 가지고 있는 데이터), 메서드(객체가 가지고 있는 함수), 데이터로 구성

여러 종류의 데이터타입 삽입 가능

{ } 로 정의

제이슨 표기법을 사용하여 여러개의 데이터 작성 가능

식은 (괄호)안에 작성

 

var man = {
	name : "hue",
    age : 24,
    skills : ["HTML", "CSS", "javaScript"],
    sum : function (num1, num2) {
    	return num1 + num2;
    }
}

// name 데이터만 추출하기
console.log(man.name);       // 객체명.프로퍼티명
console.log(man['name']);    // 객체명["프로퍼티명"]

// age 데이터 변경하기
man.age = 32;
console.log(man.age);        //32 출력

 

● undefined

변수안에 데이터를 입력하지 않은 상태 (선언만 한 상태)

 

● unll

변수 안에 빈데이터를 임의로 삽입한 상태

 

 

---

참고 자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures#%EA%B0%9D%EC%B2%B4