[부스트코스] 자바스크립트 객체

객체

- key, value 구조의 자료구조이다.

- javascript로 데이터를 표현하기 위해서는 Array, Object를 사용한다.

- Object형태는 {}로 그 자료를 표현하며, 서버와 클라이언트 간에 데이터를 교환할 때 Object포맷과 비슷한 방법으로 데이터를 보낸다.

 

 

객체 선언

var obj = { name : "crong", age : 20} 

console.log(obj["name"]); // crong
console.log(obj.age); // 20

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Working_with_Objects#%EA%B0%9D%EC%B2%B4_%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0

Working with objects

 

객체의 추가/삭제

const myFriend = { key : "value", key2 : "value" };
console.log(myFriend);

// 객체 속성 추가
myFriend["name"] = "crong";
console.log(myFriend["name"]); // crong

myFriend.age = 34;
console.log(myFriend.age); // 34

// 객체 속성 삭제
delete myFriend.key;
delete myFriend["key2"];
console.log(myFriend)

추가하는 방법은 dot notaion을 더 많이 사용한다.

 

 

객체의 탐색

객체를 탐색하는 방법은 여러 가지가 있다.

for-in 구문을 사용하는 방법이 대표적이다. for-in으로 배열을 탐색하기도 하는데 for-in 구문은 객체를 탐색하기 위해 나온 것임.

var obj = {"name":"codesquad" , age :22, data: [1,2,3,4,5]};

for(value in obj) {
  console.log(obj[value]);
}

그 밖에도 객체를 탐색하는 방법으로는 Object.keys()를 이용한 후 forEach로 탐색하는 방법도 많이 쓰인다.

var obj = { "name" : "codesquad" , age : 22, data : [1,2,3,4,5] };

Object.keys(obj).forEach(function(key) {
	console.log(obj[key]);
});

 

 

 

[부스트코스 관련 강의 링크]

자바스크립트 객체 - https://www.edwith.org/boostcourse-web/lecture/16746/

[LECTURE] 2) 자바스크립트 객체 : edwith