[ javascript ] 06. 원시타입, 참조타입, 객체

원시(Primitive) 타입, 참조(Reference) 타입 

 

자바스크립은 크게 원시타입과 참조타입 2가지로 나눕니다.

원시타입은 number, bigint, string, boolean, null, undefined, symbol이고 값은 변수에 직접 저장됩니다.

참조타입은 array , funciton , object 등이고 값은 객체나 배열이 저장된 메모리 주소를 가리키는 포인터입니다. 

변수에 할당된 값은 메모리 주소이며 이 주소를 통해서 객체나 배열에 접근할 수 있습니다. 

 

 

객체란

자바스크립트는 객체(object) 기반의 스크립트 언어이며 원시타입을 제외한 나머지들은( 함수, 배열 등 )은 모두 객체입니다.

객체는 크기 두 가지 JS Object (javascript object )와 json()으로 나눕니다.

JS Object : JS Engine 메모리 안에 데이터 구조, 클라이언트에서 처리 

JSON : 객체 내용을 기술하기 위한 text 파일, 서버와 클라이언트가 데이터를 주고받음

 

타입	바로가기
객체	바로가기
json	바로가기

 

자바스크립트 객체는 키(key)와 값(value)으로 구성된 프로퍼티(Property)들의 집합입니다. 

데이터를 의미하는 프로퍼티( property )와 데이터의 동작을 의미하는 메서드( method )로 구성된 집합입니다. 

 

# JS Object 

let person = {
	name : '김태리', 
    age : 20
}


let 객체명 = {
	키 : 값, 
    속성 : 값
}


let person = {
	name : '김태리', 
    age : 20,
    run: function() {
    	console.log('달린다');
    }
}


let 객체명 = {
	키 : 값, 
    키 : 값 ,
    메소드 : function() {
      실행문;
    }
}

객체명.키 
객체명.메소드() 
객체명['키']

 

 

# JSON 

let person = {
    "name" : "김태리", 
    "age" : 20 ,
    "done" : true,
    "tel" : "010-0000-0000"
}

 

 

# JS Object와 JSON의 차이점 

- JSON은 모든 프로퍼티가 큰따옴표(")로 묶여있음

- JSON은 함수를 값으로 할당할 수 없음

- JSON은 '. json' 확장자

- JSON의 타입은 strong 

 

# 서버와 클라이언트가 데이터를 주고받을 때 클라이언트에서 JS Object를 JSON으로 바꾸고 서버로부터 받은 것을 클라이언트에서 처리하려면 JS Object로 변경해야 합니다 

 

JSON을 JS Object로 파싱 : JSON.parse()

JS Object를 JSON으로 변환 : JSON.stringify()  

 

JS Object의 데이터 타입은 숫자(number), 문자(string), 불리언(boolean), 객체(object), 배열(array), null , 함수

JSON의 데이터 타입은 숫자(number), 문자(string), 불리언(boolean), 객체(object), 배열(array), null , 함수 X