(생활코딩) Javascript 객체 -2-

객체에 대해서 간단히 알아보자.

 

 

객체는 배열과 다르게 중괄호({ })를 사용해서 값을 선언한다.

coworkers라는 객체에 "yeony"라는 정보를 "programmer"라는 딱지를 붙여서 저장한 것이다.

해당 정보를 꺼낼 때는 coworkers.programmer로 값을 꺼낼 수 있다. 여기서 ".(점)"은 object access operator라고 부른다. 즉 이 객체에 액세스, 접근하는 오퍼레이터이다. 

 

위에서 객체를 만드는 방법과 만들어져있는 객체에서 데이터를 가져오는 방법을 살펴보았다.  이미 객체가 만들어진 상태에서 정보를 추가하고 싶다면 객체명.저장할 값명="저장할 값"형태로 추가하면 된다.

 

 

저장할 값명에 띄어쓰기(공백)가 들어가는 경우에는 문법적으로 오류이기 때문에 ".(점)"을 쓸 수 없고, 배열에서 어떤 정보를 가져올 때 쓰는 대괄호를 사용하여 객체명["저장할 데이터 값명"]="저장할 데이터 값" 형태로 쓸 수 있다.

 

생성된 객체에 어떤 데이터가 있는지를 모조리 가져와야 되는 경우에는 반복문을 사용해 작성해보자.

추천검색어 : javascript object iterate (객체 데이터 순회방법)

 

검색해보면 for (var key in yourobject) {}로 나와있다.

for를 쓰면 coworkers라는 변수가 가리키는 객체에 있는 key 값들을 가져오는 반복문이다.

여기서 coworkers의 key값은 "programmer", "designer", "bookkeeper", "data scientist"이다. 즉 key라고 하는 것은 우리가 가져오고 싶은 정보에 도달할 수 있는 열쇠이다. 반면 배열에서는 key라는 표현을 쓰지 않고 순서대로 정리정돈 되어있기 때문에 배열에서는 index라는 표현을 쓴다.

 

 

for (var key in coworkers) 로 coworkers라는 객체 안의 키들을 하나하나 꺼내 중괄호에 있는 코드를 실행해준다.

 

 

coworkers에 있는 어떤 특정한 데이터를 가져올 때 배열의 형식을 사용해서 index가 들어가는 곳에 key값을 넣었더니 데이터를 가져올 수 있게됐다. 그래서 key값 대신 coworkers[key]를 입력하면 저장한 데이터 값이 나오게 된다.

 

위와 같이 코드를 작성하면 맨 처음에 작성했던 코드와 같은 기능을 하게 되며, 모든 데이터를 순회하면서 필요한 데이터가 있는지 없는지를 확인할 수 있는 기능도 추가된다.