Day71 - [js]객체와 JSON함수

2021. 5. 27. 21:09Java Script

이번에는 java script의 객체와 JSON 함수를 알아 봅시다

 

객체

java script 에서 객체는 {} 를 사용해서 정의 및 선언 합니다.

 

객체의 멤버변수는 "키 : 값" 을 가집니다.

 

접근방법

해당 객체에 접근하고 싶을 때, 객체이름.멤버변수명 을 이용해서 접근합니다.

person의 arr은 배열이기 때문에, [index] 를 통해서 한번 더 접근할 수 있습니다.

객체이름["멤버변수명] 을 이용해서 접근하는 방법도 있습니다.

객체가 이중으로 담겨 있는 경우

예제 아래의 list 객체를 중첩for 문을 이용해서 접근하기

함수를 가지고 있는 객체 및 사용

함수를 이용한 객체 선언

함수를 이용해서 객체를 선언할 때는, 함수 내에 this. 를 이용해서 선언을 합니다.

this. 를 사용해서 변수를 선언할 경우 해당 함수의 이름색이 변경되며, 어딘지는 모르지만, 메모리 내에 해당 함수이름으로 된 객체가 생성 됩니다.

 

사용은 아래처럼 하면 됩니다.

JSON 함수

java script 는 html 과 같이 사용 됩니다. 그렇다면, 인터넷 브라우저 에 java script 로 작성 된 코드를 전송한다는 것 입니다.

 

그런데, 인터넷 브라우저는 객체를 모릅니다.

인터넷 브라우저는 오로지 문자열 만 알고 있습니다.

 

그렇기 때문에, 객체를 문자열로 변경해주는 방법을 알고 있어야 하며, 문자열로 된 데이터를 객체로 변경하는 방법도 알고 있어야 겠죠?

 

이럴 때 사용하는 것이 JSON 함수 입니다.

 

이러한 객체가 있을 때,

문자열로 변경해주는 함수는 JSON.stringify(객체이름) 입니다.

문자열로 변경된 객체를 반환 합니다.

문자열을 다시 객체로 변경해주는 함수는 JSON.parse(객체가 변경된 문자열이름) 입니다.

단, 문자열을 객체로 변경하는 데는 엄격한 규칙이 있습니다.

key 와 value 를 "" 처리 해줘야 합니다.