배열은 정보(데이터)의 양이 많아졌을 때 서로 연관된 정보를 정리정돈하기 위한 도구입니다.
그리고 배열이라는 도구는 순서에 따라 정돈된다는 특징이 있습니다.
https://nossodia.tistory.com/121?category=921581
배열이라는 도구는 정보를 담는 그릇이면서 정보가 순서대로 저장된다는 특징이 있지만,
객체는 순서 없이 저장할 수 있는 정보라고 할 수 있습니다.
먼저, 객체의 문법에 대해 살펴보겠습니다.
배열은 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";
'Spec UP - Frontend > 생활코딩_JavaScript' 카테고리의 다른 글
파일로 쪼개서 정리정돈하기 (.js) (0) | 2021.10.05 |
---|---|
객체와 반복문 / 객체 프로퍼티와 메소드 (0) | 2021.09.28 |
객체 / 객체의 활용 (0) | 2021.09.24 |
함수 : 매개변수(Parameter), 인자(Argument), 리턴(Return) (0) | 2021.09.17 |
함수 (0) | 2021.09.15 |
댓글