본문 바로가기
Spec UP - Frontend/생활코딩_JavaScript

객체 쓰기와 읽기

by TIS_Ha 2021. 9. 27.
반응형

배열은 정보(데이터)의 양이 많아졌을 때 서로 연관된 정보를 정리정돈하기 위한 도구입니다.

그리고 배열이라는 도구는 순서에 따라 정돈된다는 특징이 있습니다.

 

https://nossodia.tistory.com/121?category=921581 

 

배열과 반복문

집에 시간이지날수록 살림은 늘어나고 살림이 늘어날 수록 정리가 힘들어집니다. 때문에 사물들을 잘 정리할 수 있도록 옷장, 책장, 냉장고 등을 구입하기도 하고, 방이 많은 집을 선호합니다.

nossodia.tistory.com

배열이라는 도구는 정보를 담는 그릇이면서 정보가 순서대로 저장된다는 특징이 있지만, 

객체는 순서 없이 저장할 수 있는 정보라고 할 수 있습니다.

 

먼저, 객체의 문법에 대해 살펴보겠습니다.

 

배열var coworkers["데이터1","데이터2"] 의 형태로 생성하며 대괄호를 통해 표현합니다.

하지만 객체var coworkers{ } 의 형태로 생성하며 중괄호를 통해 표현합니다.

여기서 중괄호 기호를 객체 리터럴(object literal) 이라고 부릅니다.

 

위와 같이 생성하면 coworker라는 변수에 빈 객체를 만든 것입니다.

그렇다면 빈 객체 안에 정보를 넣을때는 어떻게 표현할까요?

 

객체는 위에 말한바와 같이 순서와 상관없이 정보를 불러와야하기때문에 정보를 지칭할 수 있도록 '이름표 딱지'를 붙여주어야합니다.

coworkers 라는 객체에 "ester"이라는 정보를 저장하되 앞에 "programmer"라는 딱지를 붙여 저장하였습니다.

마찬가지로 cintia는 designer라는 이름표 딱지를 붙여주었습니다.

그럼 이 정보를 불러올때는 어떻게 할까요?

 

coworkers.programmer 에서 coworkers 다음에 등장하는 점( . )객체 접근 연산자(object access operator)라고 합니다.

즉 coworkers 라는 객체에 접근하는 연산자라는 뜻입니다.

그렇다면, 디자이너는 어떻게 가져오면될까요?

이렇게 해서 객체를 만들고 객체에서 데이터를 가져오는 기본적인 방법을 알아보았습니다.


이번에는 이미 객체를 만든 다음에 정보를 추가하는 방법에 대해 알아보겠습니다.

위와 같이 coworkers.publisher(데이터의 이름)= "데이터";의 형태로 객체에 정보를 추가할 수 있습니다.

 


그렇다면 객체 안에 데이터의 이름에 공백을 표현하고 싶을때는 어떻게해야할까요?

본래 객체에 데이터를 저장할때, 이름에 공백이 들어가면 문법적인 오류입니다.

(ex. coworkers.data scientist = "egoing" 과 같은 형태는 문법 오류)

 

이러한 경우 위의 예시처럼 점(.) 대신에 대괄호를 써서 문자열 형태로 넣으면 공백을 포함하여 이름을 저장할 수 있습니다.

coworkers["data scientist"] = "egoing";

반응형

댓글